Add an animated loader that is displayed between each page

PrestaShop tutorial: Add an animated loader that is displayed between each page.

🌀 This tutorial will teach you how to create a module that adds an animated loader between the pages of your PrestaShop store to improve the fluidity of navigation.

When a visitor clicks on an internal link, an animation is displayed immediately until the new page loads.

✅ Light, 🎨 aesthetic and without external dependence, this module improves the perception of speed, especially on mobile.

💡 Ideal for offering a professional user experience without changing your theme or impacting performance.

Structure of the module (remember to adapt it with your information):

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

yourmodulename.php :

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

views/css/yourmodulename.css :

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

views/js/yourmodulename.js :

UPDATE : Add this line of code to your JS file to avoid the infinite display of the loader when updating the contents of the basket:

      // Prevent loader for cart item removal actions

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

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

views/templates/hook/displayFooter.tpl :