Ajouter un loader animé qui s’affiche entre chaque page

Tuto PrestaShop : Ajouter un loader animé qui s’affiche entre chaque page.

🌀 Ce tuto vous apprendra à créer un module qui ajoute un loader animé entre les pages de votre boutique PrestaShop pour améliorer la fluidité de navigation.

Lorsqu’un visiteur clique sur un lien interne, une animation s’affiche immédiatement jusqu’au chargement de la nouvelle page.

✅ Léger, 🎨 esthétique et sans dépendance externe, ce module améliore la perception de rapidité, notamment sur mobile.

💡 Idéal pour offrir une expérience utilisateur professionnelle sans modifier votre thème ni impacter les performances.

Structure du module (pensez à l'adapter avec vos informations) :

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

yourmodulename.php :

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

views/css/yourmodulename.css :

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

views/js/yourmodulename.js :

UPDATE : Ajoutez cette ligne de code à votre fichier JS de façon à éviter l'affichage infini du loader lors de la mise à jour du contenu du panier :

      // Prevent loader for cart item removal actions

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

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

views/templates/hook/displayFooter.tpl :