Tự động cập nhật giỏ hàng khi thay đổi số lượng sản phẩm

Mặc định của WooCommerce khi bạn thay đổi số lượng sản phẩm trong giỏ hàng, giỏ hàng sẽ không được cập nhật cho đến khi bạn đập nút Cập nhật giỏ hàng. Nó chỉ là một điều nhỏ bé nhưng đôi khi nó có thể gây nhầm lẫn cho khách hàng trên trang web của bạn.

Tự động cập nhật giỏ hàng khi thay đổi số lượng sản phẩm
Tự động cập nhật giỏ hàng khi thay đổi số lượng sản phẩm

Trước hết chúng ta phải ẩn nút. Và vâng – chúng ta không nên xóa nó, chỉ để ẩn! Bởi vì nó được kết nối với trình kích hoạt trong JS và nếu bạn loại bỏ nó, sẽ không có gì xảy ra.

Đoạn mã CSS: Ẩn nút Cập nhật giỏ hàng

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
	display: none;
}

Bây giờ nút cập nhật giỏ hàng đã bị ẩn, tất cả những gì chúng ta cần làm là để nhấp vào nút Nút thông qua JQuery và để WooCommerce thực hiện chính xác công việc đó (cập nhật tổng số giỏ hàng, thuế, v.v.).

Đoạn mã PHP: Tự động cập nhật giỏ hàng khi thay đổi số lượng sản phẩm

add_action( 'woocommerce_after_cart', function() {
   ?>
      <script>
         jQuery(function($) {
            var timeout;
            $('div.woocommerce').on('change textInput input', 'form.woocommerce-cart-form input.qty', function(){
               if(typeof timeout !== undefined) clearTimeout(timeout);
 
               //Not if empty
               if ($(this).val() == '') return;
 
               timeout = setTimeout(function() {
                  $("[name='update_cart']").trigger("click"); 
               }, 2000); // 2 second delay
            }); 
         });
      </script>
   <?php
} );

Làm sao để thêm đoạn mã này?

Bạn có thể đặt các đoạn mã PHP ở cuối tệp tin functions.php trong chủ đề con hoặc chủ đề bạn đang sử dụng (trước “?>” Nếu bạn có nó). Hãy chắc chắn rằng bạn biết những gì bạn đang làm khi chỉnh sửa các tệp tin quan trọng như vậy – nếu bạn cần thêm hướng dẫn, vui lòng xem bài viết Cách thêm đoạn mã tùy biến vào WooCommerce.

Nếu bạn dùng theme Flatsome.

Bạn chỉ cần truy cập vào Tùy biến ▸ Shop (WooCommerce) ▸ Cart và tích chọn Auto update on quantity change.

Tự động cập nhập giỏ hàng khi thay đổi số lượng sản phẩm theme Flatsome
Tự động cập nhập giỏ hàng khi thay đổi số lượng sản phẩm theme Flatsome
0 0 vote
Article Rating

BẢO MẬT WORDPRESS

Bình luận

3 bình luận về "Tự động cập nhật giỏ hàng khi thay đổi số lượng sản phẩm"

guest
3 Comments
Mới nhất
Cũ nhất
Inline Feedbacks
View all comments
Trần Hùng<span class="bl-woovn">1 bình luận</span>
Trần Hùng1 bình luận
7 tháng trước

Hay quá, giống mấy trang tiki, shoppe

Truyền mai<span class="bl-woovn">1 bình luận</span>
Truyền mai1 bình luận
7 tháng trước

hay vãi luôn bác ơi hearteyes