Bootstrap Product Images Rotator

Using multiple images for Product Image. (Available using Bootstrap version only).

Using the Product Image Rotator will enable you to show multiple images in the Product Details Page using a variety of methods. Please make sure that the method you use works well with your theme.

It is always a good idea to upload an Image to the Main Product Image page as it used in the catalogue.

Click on the + More Button or go to Options Product Images

Follow the following 4 steps.

Step 1. Image Upload

Upload the images you want to display in the rotator including the original. Note that you can resize the images. Once uploaded you can change the order of the pictures on the right side.

Step 2. Edit Script

On this page you can select the viewer you want by importing  the viewer on the right side.

Once done the code will be inserted into the correct parts ie Header/Script/ Outer HTML/ Inner HTML and Inner HTML 2. At this point you can click Save and move on to the next Step.

However, once you Import the code you can over ride the default settings by giong into the sections. This is not necessary.

For example, if you import Boostrap Default Slider there is no extra Header or Script text needed. Just the HTML Body can be manipulated. if you import a different Viewer most likely there will be an extra Header and Script tag. You can use the Script section to change certain skins or speeds etc... DON'T FORGET TO CLICK ON SAVE.

Step 3. Caption

Add captions to your images. They will appear in some of the Viewers. Click Save.

Step 4. File Browser. 

This step allows you to upload additional photos.

LAST STEP

Once you have created your Viewer you need to place it in your page like your other parts in Bootstrap.

Go to Options then Bootstrap Layout.

You can replace the Product Image and use Rotator instead or add it as an additional images.