第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;
}