Actualizar carrito automáticamente


Lo que vamos a lograr:

Vamos a agregar los botones de + y – a cada lado del input número tanto en el Detalle de Producto como en el Carrito de Compras:

Agregar botones al input numerico

Y en el carrito de compras agregaremos la función para el update automático:

¿Cómo lo hacemos?

Para lograrlo vamos a agregar el siguiente script en nuestro custom.js (o la hoja de javascript que manejes en tu tema hijo):

La clase .pi-addCart es la clase que le ponemos al widget de Elementor en la plantilla de Detalle de Producto. Puedes reemplazar la clase con la que tú desees. 


					
				

Ahora, vamos a agregar algunos estilos sencillos:


					
				

Listo! con eso estamos.