Actualiza la pagina de carrito de manera automática

Lo primero que vamos a realizar es ocultar el botón de "Actualizar carrito".
Entonces vamos a copiar este bloque en nuestra hoja de estilos CSS.

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

Por ultimo, vamos a realizar nuestro JS y copiemos este bloque.

// Primero declaramos una variable llamada tiempo.
var tiempo = 0; 
jQuery( function( $ ) {
    // Creamos nuestro evento
    $('.woocommerce').on('change', 'input.qty', function(){
        // Aqui comprobaremos si nuestro evento fue ejecutado con anterioridad o no.
        if ( tiempo != 0 ) {
            clearTimeout( tiempo );
        }
        // Ahora le asignamos un setTimeout a nuestra variable tiempo
        tiempo = setTimeout(function() {
            // Seleccionamos nuestro botón de actualizar y le hacemos click con nuestro trigger.
            $("[name='update_cart']").trigger("click");
        }, 1000 );

    });
} );

Deja un comentario

Share This