Con el siguiente código podéis ocultar el botón de Actualizar Carrito con CSS.
.woocommerce button[name="update_cart"], .woocommerce input[name="update_cart"] { display: none; }
Este es el código principal, que a través de jQuery, cuando se cambia la cantidad realiza un click en el botón anterior. Lo podéis añadir a vuestro archivo JavaScript personalizado o en un snippet que lo ejecute en un hook como wp_head
.
jQuery( function( $ ) { $('.woocommerce').on('change', 'input.qty', function(){ $("[name='update_cart']").trigger("click"); }); } );
En el caso de que en vuestra tienda, la cantidad de cambie en mucha cantidad cada vez (como puede ser en un ecommerce de precio bajo, quizás es mejor esperar un poco a que terminen los clicks, para que no se manden muchas peticiones AJAX seguidas.
var timeout; jQuery( function( $ ) { $('.woocommerce').on('change', 'input.qty', function(){ if ( timeout !== undefined ) { clearTimeout( timeout ); } timeout = setTimeout(function() { $("[name='update_cart']").trigger("click"); }, 1000 ); // 1 second delay, half a second (500) seems comfortable too asdfa }); } );