Añadir un cargador animado que se muestra entre cada página

Tutorial PrestaShop: Añadir un cargador animado que se muestra entre cada página.

🌀 Este tutorial le enseñará a crear un módulo que añade un cargador animado entre las páginas de su tienda PrestaShop para mejorar la fluidez de la navegación.

Cuando un visitante hace clic en un enlace interno, se muestra inmediatamente una animación hasta que se carga la nueva página.

✅ Ligero, 🎨 estético y sin dependencia externa, este módulo mejora la percepción de la velocidad, especialmente en el móvil.

💡 Ideal para ofrecer una experiencia de usuario profesional sin cambiar su tema ni afectar al rendimiento.

Estructura del módulo (recuerde adaptarlo con su información):

-------------------

yourmodulename.php :

-------------------

views/css/yourmodulename.css :

-------------------

views/js/yourmodulename.js :

UPDATE : Agregue esta línea de código a su archivo JS para evitar la visualización infinita del cargador al actualizar el contenido del carrito :

      // Prevent loader for cart item removal actions

      if (link.closest('.cart-line-product-actions')) return;

-------------------

views/templates/hook/displayFooter.tpl :