In this tutorial we assume that you already have a slideshow image that fit for your template’s slideshow.
If you do not know slideshow size for your template, you can find out in the slideshow dimension tutorial.

 

Let’s start with uploading image.

 

1. Go to Design

2. Click on Slideshow Editor

3. Click on Choose file, then select your slideshow image

4. Click Upload

 

Up to this step, your new slideshow is uploaded. (No save button required)
You can go to your website to see it displays. (Don’t forget to refresh your page)

 

Note :
– Sensitive image name may caused an error e.g. plus symbol (+)
– Try to press (Ctrl + Shift + R) on your store if the new slideshow does not display

 

slideshoweditor2

 

5. Next thing to do is setting destination page. If you do not set this, the slideshow will lead to categories/products page. (you can skip this if you want to land on categories page)

 

6. Now you can link your slideshow with your preferable website page. Go to the page you want the slideshow to lead to.

7. Copy the URL.

8. Paste the URL in Image Link box.

 

url

 

slideshoweditor7

 

9.We suggest you to put caption in your image during designing process.
So that, you can easily put your caption anywhere you like and hand-free from code.

 

slideshoweditor8

 

10. If you want to go a little advance, you can add a button by using this pre-set tag and follow instructions below.

 

<p><a href=../../categories/>Shop Now</a></p>

11. Copy and Paste it in Source Code

12. Change the word “Shop Now” to any word you like to display

13. Change the destination page by putting URL link in between quotation marks (“URL”)

14. Click Ok

15. Click Save

 

sourcecode   save

 

16. And now your new slideshow is ready. Below is an example of a new slideshow displays on website with caption and button.

 

slideshoweditor6