Actualizar la cesta en WooCommerce al cambiar la cantidad (y ocultar el botón de Actualizar Carrito)

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