Instruction Page Preloader for CS-cart

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 Add-ons (1) > Manage add-ons > CS-Cart (2).

 



  1. In the opened window, in the list of options (1) select Manual installation (2). 

 


 

  1. Download the plugin archive from your computer (1, 2, 3) and click the Upload & install button (4). 

 


 

  1. To configure the plugin, go to the menu of the admin panel Website > Pinta Preloader.

 


 

 

 

Plugin Page

 

The plugin page includes:

 

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

 

This block consists of fields:

 

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

  •  Size Loader - to select the size of the page loading indicator.

 

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

 

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

 

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

 

This block consists of fields:

 

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

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

  • Location Preloader - 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 Enabled / Disabled).


 

 

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

 

This block includes:

 

  •  The button in the Action column - to select a standard page load animation image;

 


 

  •  Choose Image .GIF field (5) - to download a GIF image from your computer;

  •  On color bg preload field (6) - to select the background transparency;

  •  Choose bg color field (7) - to select the background color.

 

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

 


 

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




 

VIDEO INSTRUCTION