Hay mucha literatura en línea que resuelve este problema de UX, por lo que en este artículo veamos si puedo darle una versión simplificada, laboral y actualizada.
Entonces, ¿odias el botón «Actualizar el carrito» también? Sí, el que debe hacer clic después de actualizar la cantidad de un producto en el carrito …
Bueno, estás en el lugar correcto: una función PHP simple, dos líneas de jQuery, una línea de CSS (o un mini-Plugin) y el resultado es bastante sencillo.
Parte 1 – CSS Snippet: Ocultar el botón «Actualizar carrito» de WooCommerce
En primer lugar, necesitamos ocultar el botón, ya que no lo vamos a usar en absoluto y dejaremos que Php y JQuery hagan la magia. ¡Lo sé! Lo importante no es una gran cosa en su código CSS … pero para este tiempo lo mantendremos simple.
input[name='update_cart'] { display: none !important; } /* OR TRY THIS */ button[name='update_cart'] { display: none !important; }
PARTE 2-Fragmento de PHP: carrito automático de WooCommerce cuando cambia la cantidad
Ahora que el botón está oculto, todo lo que necesitamos hacer es «hacer clic» en el botón a través de jQuery y dejar que WooCommerce haga exactamente el mismo trabajo (actualizar los totales de los carritos, los impuestos, etc.).
En detalle, cuando «hagamos clic» en cualquiera de las entradas de cantidad, vamos y activamos un «clic» en el botón de actualización oculta.
Fácil, ¿no?
/** * @snippet Automatically Update Cart on Quantity Change - WooCommerce * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @compatible WooCommerce 8 * @community https://businessbloomer.com/club/ */ add_action( 'wp_footer', 'bbloomer_cart_refresh_update_qty' ); function bbloomer_cart_refresh_update_qty() { if ( is_cart() || ( is_cart() && is_checkout() ) ) { wc_enqueue_js( " $('div.woocommerce').on('change', 'input.qty', function(){ $('[name='update_cart']').trigger('click'); }); " ); } }
Mini-Plugin: Business Bloomer WooCommerce actualiza automáticamente el carrito sobre el cambio de cantidad
No te sientes Confiado con la codificación? No quieres comprar otro complemento hinchado y costoso? ¡Excelente!
Business Bloomer WooCommerce actualiza automáticamente el carrito sobre el cambio de cantidad es un Mini complemento de WooCommerce, sin las molestias habituales. Una característica. Licencia de por vida. No hay suscripciones molestas. 1 archivo de complemento. Unas pocas líneas de código. Sin pancartas. No hay ventas ascendentes. No hay notificaciones de WP. Úselo en tantos sitios web como desee. Soporte de por vida. Documentación de 1 página. Un tablero de administración simple.
Demo rápida:
Como puede ver, el complemento es sencillo. Instálelo y vea automáticamente el resultado en la página del carrito. ¡Simple!
