Instruction Page Preloader for PrestaShop1.7

Download and install

  1. Download the plugin archive from the Shop Pinta store and save it on your computer.

  2. In the admin panel of your website, select Modules > Module Manager (1) and click the Upload a module button᠎ (2).


  1. In the opened window, press the select file (1).

  2. Next, select the plugin archive (2) and click the Open button (3).



  1. To configure the plugin, click the Configure button.





Plugin Page


The plugin page includes:


  1. The Live mode button (1) - to enable / disable the plugin (position YES / NO).


  1. The Loader block (2) for customization the appearance of the page loading indicator as a bar.


This block consists of fields:


  •  On Loader - to enable / disable the display of the page loading indicator as a bar (position On / Off);

  •  Choose size loader - to select the size of the page loading indicator.


  1. The Progress Bar block (3) for displaying the progress of the page scrolling.


This block contains the On Progress Bar field - to enable / disable the display (position On / Off).



  1. The Preloader block (4) for adding an animated page loader using GIF animation and background.


This block consists of fields:


  • On Preloader - to enable / disable the display of the loading animation (position On / Off);

  • Speed download Preload - to select the display time of the loading animation;

  • Location status - to select the display location of the loading animation;

  • Turn off the preloader with a mouse click - to enable / disable the stop of displaying the loading animation on the website by mouse click (position On / Off).


  1. The Images and color block (5) for selecting an animated image and background options.


This block includes:


  •  The Images for loader button - to select a standard page load animation image;



  •  The Choose Image .GIF field - to download a GIF image from your computer;

  •  The On color bg preload field - to select the background transparency;

  •  The Choose bg color field - to select the background color.


To save the selected settings, click the Save button (6).



Now your clients are loading the website and can see the page loading style you selected.