Hướng dẫn tạo Giỏ hàng động Ajax- WooCommerce

Ở bài trước mình có hướng dẫn cách thêm mô tả sản phẩm ở trang giỏ hàng trong WooCommerce. Bài viết này sẽ thay đổi cách sử lý động khi thêm sản phẩm vào giỏ hàng. Bạn sẽ cảm thấy thế nào nếu trang bị tải lại mỗi khi bạn thêm sản phẩm mới vào giỏ hàng trên website? Thật bất tiện, khi người dùng mua sản phẩm từ trang web WooCommerce của bạn và trang không tự động cập nhật giỏ hàng, toàn bộ quá trình mua sẽ chậm hơn. Nó cũng nhàm chán vì họ phải đợi một lúc để trang tải lại kết thúc.

Nếu bạn muốn cung cấp cho khách truy cập trang web của bạn một trải nghiệm tốt hơn, chúng tôi cung cấp cho bạn một giải pháp tuyệt vời, sẽ cập nhật giỏ hàng động bất cứ khi nào các sản phẩm được thêm vào giỏ hàng thông qua AJAX.

Sử dụng giải pháp này, bạn sẽ tiết kiệm thời gian của khách hàng và ngược lại, sẽ giữ được nhiều người dùng hơn trên trang web của bạn. Chỉ cần đặt mã này vào hàm functions.php và trang web của bạn sẽ bắt đầu cập nhật giỏ hàng mà không làm mới trang

<span class="cart-contents"><a href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e('View your shopping cart', 'woothemes'); ?>"><?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 'woothemes'), $woocommerce->cart->cart_contents_count);?> - <?php echo $woocommerce->cart->get_cart_total(); ?></a></span>
 
// (place the following in functions.php)
add_filter('add_to_cart_fragments', 'woocommerceframework_header_add_to_cart_fragment');
 
function woocommerceframework_header_add_to_cart_fragment( $fragments ) {
	global $woocommerce;
 
	ob_start();
 
	?>
	<span class="cart-contents"><a href="<?php echo $woocommerce->cart->get_cart_url(); ?>" title="<?php _e('View your shopping cart', 'woothemes'); ?>"><?php echo sprintf(_n('%d item', '%d items', $woocommerce->cart->cart_contents_count, 'woothemes'), $woocommerce->cart->cart_contents_count);?> - <?php echo $woocommerce->cart->get_cart_total(); ?></a></span>
	<?php
 
	$fragments['span.cart-contents'] = ob_get_clean();
 
	return $fragments;
 
}

Nếu bạn thấy bài viết này hữu ích, hãy chia sẻ với bạn bè bằng cách nhấn nút chia sẻ ở bên dưới. Theo dõi chúng tôi trên Twitter và Facebook