1. Home
  2. Webstore layout design
  3. Section: Sliders & Videos

Section: Sliders & Videos

To view a video tutorial on how to use sliders, please click here.

For a step by step guide on how to use sliders, please see the steps below:

1. After logging in to your Shopmatic platform, click on the Dashboard button and from the drop-down menu, click on Edit site

2. From the Page builder, click on the “Add a section” and the Section menu will appear, next click on “Slider”

3. There are three different slider sizes to choose from, Small, Medium and Large, let’s select the Large slider for now

4. Once you have selected a Slider, you would need to scroll to the bottom of the page where the newest section would be added

5. On the slider section, simply click inside the slider, so that the toolbar on the right would appear, from there, click on “Add a slider”

6. Up to 4 images/or 4 videos can be added to a slider section, different image/video combinations can also be used (eg. 1 image/3 videos, 2 images/2 videos, or 3 images/1 video)

7. To upload an image, click on “Add image”, and choose an image from your device. Once selected, click on upload, and the image will enter an editable preview mode. Click on “Done” after you have completed moving or cropping the image will be uploaded to the slider

8. To upload a video, simply copy and paste any video URL link from YouTube* and click on the Save button
Please note that videos files cannot be directly uploaded to the Shopmatic platform

Kindly note that Background VIDEOs will not be available to your buyers that are shopping through their mobile devices. That is why you would need to upload a “Fallback” image so that the buyers do not see a blank screen) Background VIDEO:
Video auto-plays on its own

ii) Background VIDEO with Play icon: 

Video auto-plays on its own and viewers can click on the Play icon to launch the video in a YouTube lightbox*

 

iii) Background IMAGE with Play icon: 

A static image is displayed however viewers can click on the Play icon to launch the video in YouTube lightbox*

 

*Mobile viewers that click on the Play icon, will load the video on a new tab in YouTube

 

9. Slider settings:

On each image slide/ video slide, there are four options:
i. Move the slider by clicking and dragging it to the desired position (Top position is the first slide to appear)
ii. Change the slider image/video
iii. Link the image/video slider to another page/site
iv. Delete / remove the image / video slider

 

By clicking on the gear icon, you will further access to more Slider settings

i. Size: Size of the slider can be manually changed again to either Small, Medium or Large

ii. Time: Sliders can be set to auto change/rotate after (4-10) seconds.
If auto change/rotate has been enabled, when a buyer clicks on either left or the right side of the slider, the auto change/rotate timer will stop. Only when the page is refreshed then would the auto change/rotate start again

Was this article helpful?