AJAX Add to Cart
El módulo AJAX Add to Cart te permite añadir productos al carrito sin recargar la página.
Funciones
Section titled “Funciones”- Compatibilidad con productos simples y variables en las páginas de producto
- Notificación toast con un enlace al carrito
- Actualización automática de los fragmentos del carrito (mini-carrito)
- Animación del botón (loading -> added)
- Compatibilidad con WooCommerce AJAX fragments
Activación
Section titled “Activación”Ve a WooCommerce > Polski > Módulos y activa el módulo AJAX Add to Cart en la sección “Stock & Cart”.
Cómo funciona
Section titled “Cómo funciona”- El cliente hace clic en “Añadir al carrito” en la página del producto
- El formulario se envía mediante AJAX (sin recargar)
- El botón muestra una animación de carga
- Tras añadir el producto, aparece una notificación verde “¡Añadido al carrito!” con un enlace “Ver carrito”
- El mini-carrito de la cabecera se actualiza automáticamente
Eventos de JavaScript
Section titled “Eventos de JavaScript”| Evento | Cuándo |
|---|---|
polski_adding_to_cart | Antes de enviar la solicitud AJAX |
polski_added_to_cart | Después de una adición correcta |
added_to_cart | El evento estándar de WooCommerce |
Estilo de la notificación
Section titled “Estilo de la notificación”La notificación toast se muestra en la esquina superior derecha de la pantalla y desaparece tras 4 segundos. Puedes personalizarla mediante la clase CSS .polski-ajax-cart-notice.