Instruction Mega Swipe Slider for Opencart3.0


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 Extensions (1) > Installer (2).

  3. In the Upload your extensions block, click the Upload button (3).

 



  1. In the opened window, select the plugin archive (1) and click the Open button (2).




  1. Clear the cache (recommended). Go to the Modifications subcategory (1), check the MEGA SWIPE SLIDER checkbox (2), click the Clear (3) and Refresh (4) buttons.




  1. Go to the Extensions subcategory (1) and in the Extension List select Modules (2).




  1.  Find the Mega Swipe Slider plugin and click the Install button.




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



 

 

 

Plugin page


The plugin page consists of:


  1. The Status field (1) - to enable / disable the plugin.

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

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

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

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




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 Image button (1) - to load the banner images.

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

  3. The Delete Image 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 consists of blocks:


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

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

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

  • autoplay (4) - 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.




To display the slider on your website Home Page, in the admin panel of your website, select Design (1) > Layouts (2) > Home.

Next, to edit the layout of the website Home Page, click the Edit button (3).

 



In the Choose the position of the modules block, select the slider location and add the Mega Swipe Slider by Pinta Webware layout.




To confirm the settings, click the Save button.




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






VIDEO INSTRUCTION