Instruction Mega Swipe Slider for Prestashop1.7


Download and install


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

  2. In the admin panel of your website, select Modules (1) > Module manager (2).

  3. Click the Upload a module button (3).




  1. In the opened window, click on select file.




  1. Select the plugin archive (1) and click the Open button (2).




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






Plugin page


The plugin page consists of:


  1. The SETTINGS block:

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




  1. The Images For Slider button (1) - to load the slider images.

  2. The block for editing the slider parameters (2).

  3. The slider preview block (3) - to display how the slider will look on your website.

  4. The block for selecting settings of the slider elements (4).





To add slider images, click the Images For Slider button (it is recommended to use images with 500x500 px).


The slider gallery contains:


  1. The Add New Photo button (1) - to load the banner images.

  2. The List button (2) - to edit the banner parameters.

  3. The Delete Photo button (3) - to delete the banner images.

  4. The Gallery block (4) - to display all added images.




The List button allows you to edit the banner parameters and contains:


  1. The TITLE field (1) - to enter the title of the banner.

  2. The DESCRIPTION field (2) - to enter the main text of the banner.

  3. The BUTTON TEXT field (3) - to enter the button text of the banner.

  4. The BUTTON LINK field (4) - to enter the transfer link when clicking on the banner button.




Next, in the block for editing the slider parameters, select the slider appearance.


This block consists of fields:


  1. Transition effect (1) - to select the transition effect when changing images in the slider.

  2. Direction slide (2) - to select the sliding direction when changing images in the slider.

  3. Width slide (3) - to select the width of the slider.

  4. Height slide (4) - to select the height of the slider.

  5. Number of slider per view (5) - to select the number of images that will be shown in the slider at the same time.

  6. Distance between slides (6) - to select the distance between images in the slider.




The block for adjusting the slider elements allows you to edit the slider style (available options depend on the parameter from the Transition effect field).


This block consists of tabs:


  1. OPTIONS (1) consists of blocks:


  • navigation (2) - to enable / disable the display of navigation buttons, select their type and color.

  • loop (3) - to enable / disable the sequentially displaying all images in a closed circle (loop).

  • pagination (4) - to enable / disable the display of pagination elements, select their type and color.

  • autoplay (5) - to enable / disable automatic image change and select the time after which the images will change.




  1. TITLE - to select the banner title parameters, such as font, color, style, size and location.




  1. BUTTON - to select the parameters of the banner button, such as appearance, color, size, text font and location.




  1. IMAGE - to select the parameters of the additional banner image.




  1. DESCRIPTION - to select parameters for the main text of the banner, such as font, color, style, size and location.




To add a background image to the slider, click the Add Background Image button. This option depends on the parameter from the Transition effect field.




After completing the plugin settings, click the Save button.




Now, on the Home Page of your website displays bright banners with the best products.






VIDEO INSTRUCTION