Instruction Mega Swipe Slider for Opencart3.0
Download and install
Download the plugin archive in the Shop Pinta store and save it on your computer.
In the admin panel of your site, select Extensions (1) > Installer (2).
In the Upload your extensions section, click the Upload (3) button.
In the window that opens, select the plugin archive (1) and click the Open button (2).
Clear the cache. Go to the Modifications subcategory (1), check the MEGA SWIPE SLIDER checkbox (2), click the Clear (3) and Refresh (4) buttons.
Go to the Extensions subcategory (1) in the list of Modules modules (2), find the MEGA SWIPE SLIDER plugin and click the Install button (3).
To configure the plugin, click the Edit button.
The plugin page consists of:
- the Status field (1) for switching the plugin on / off;
- the Images for slider button (2) for loading the image into the slider;
- the block for editing the appearance of the slider (3);
- the slider window (4) which shows how it will be look like your slider;
- the block to adjust the style of the slider (5).
After clicking on the Images for slider button, a window opens for loading the image into the slider.
The Add New Photo button for uploading an image from a computer to the slider.
Button List for editing the name and description of images in the slider.
Button Delete Photo to delete images in the slider.
The Gallery block with all the images uploaded to the slider.
In the List block there are fields:
TITLE to enter the image name.
DESCRIPTION to enter a description of the image.
BUTTON TEXT to enter the name of the button.
BUTTON LINK - enter a link for the button.
The following fields are available for editing the appearance of the slider:
Tranisition effect - to select the transition effect of images in the slider.
Direction slide - to select the direction of sliding images in the slider.
Width slide - to select the width of the images in the slider.
Height slide - to select the height of the images in the slider.
Number of slider per view - the number of simultaneously displayed images in the slider.
Distance between slides - to select the distance between images in the slider.
There are 5 tabs for editing the slider style:
The Options tab has on / off:
- displaying the navigation buttons navigation (1);
- sequentially displaying all images in a closed circle loop (2);
- displaying pagination pagination (3);
- automatically flipping images autoplay (4).
In the Title tab you can configure the appearance and location of the name of the images in the slider.
Button tab is used to configure the appearance and location of the button in the slider.
In the Image tab you can customize the appearance of a small image in the slider.
In the Description tab you can customize the appearance and location of the image description in the slider.
To add a background image to the slider, click the Add background image button.
After configuring the plugin, click the Save button.
In order to bring your newly created slider to the main page of your site you need:
In the admin panel of your site, select Design (1) > Layouts (2).
Opposite the Home field, click Edit (3).
After selecting the location of your slider, click on the drop-down list and select the plugin Mega Swipe Slider by Pinta Webware.
After adjusting the location of the slider, click Save button.
Now on the main page of your site displays the configured and saved slider.