View Categories

WooCommerce:数量变更自动更新购物车

< 1 min read

仿牌独立站出海专家

第1部分-CSS代码段:隐藏WooCommerce“更新购物车”按钮
首先,我们需要隐藏按钮,因为我们根本不会使用它,而是让PHP和JQuery发挥作用。


input[name='update_cart'] {
display: none !important;
}
 
/* OR TRY THIS */
 
button[name='update_cart'] {
display: none !important;
}

第2部分– PHP代码段:数量更改时自动更新WooCommerce购物车


add_action( 'wp_footer', 'cart_update_qty_script' );
function cart_update_qty_script() {
  if (is_cart()) :
   ?>
    <script>
    	jQuery(window).on('load', function(){
    		jQuery("[name='update_cart']").removeAttr('disabled');
    	});
    	jQuery( document.body ).on( 'updated_cart_totals', function(){
		    jQuery("[name='update_cart']").removeAttr('disabled');
		});
		jQuery('div.woocommerce').on('change', '.qty', function(){
           jQuery("[name='update_cart']").trigger("click"); 
        });
   </script>
<?php
endif;
}