The Slideshow is one of the first things customers see when landing on your website and offers a dynamic and attention-holding display - used correctly to display standout products and deals, your customers may be enticed into immediate conversions.
To add your ‘Slideshow’ section, follow these steps:
Online Store → Themes → Customize
Scroll to the bottom of the left-hand panel and select “Add Section”
Under “Image”, select “Slideshow”
The Slideshow offers a wide range of options to create a visually eye-catching display of your brands products or message.
Choose between “Slide or Fade”.
With “Slide”, your images will physically move horizontally from right to left, across the screen.
“Fade” will blend one image in to the next, while the positioning of the image remains stationary.
“Fixed” sets the image to be certain width in pixels.
“Full width”, the image will always try to take up the entire width of the screen.
Sets the images to be full-screen, and resized to fit the screen.
The 3-8 sec adjustment bar selects the duration between one picture showing and the next.
The 16-60 pixel adjustment bar selects the size of the Heading text shown over the Slideshow images.
Tick this to show little roundels underneath the Slideshow representing each of the active images.
Tick this to overlay arrows on the left and right of the Slideshow images to allow for manual skipping of pictures.
You can change the color of your slider arrows/dots using the below Color editor.
Click to open the color editor.
This option adds a colour overlay to your Slideshow, specifically to make the present text easier to read:
Using content blocks, you can control what is contained on each slider. Content is separated into blocks, so they can be easily re-ordered by clicking and dragging into place.
You can change, edit and remove images for mobile and desktop independently.
This is for desktop. We recommend the dimensions 2000 x 900px
We recommend the dimensions 1400 x 1400px
You can also add a Heading, Subheading (This is just plain text, so can't include any bold or italic text) and Button text:
Adding a link in this field turns the entire slide into a clickable link, so if you have a great Product or Collection featured in a Slideshow image, you can take customers directly to it when they choose to interact with that particular slide.
Here’s a screenshot of the options available and the areas they affect:
From the drop-down options list, you can position your caption text in the following positions, Left, Centre, Right.
From the drop-down options list, you can position your caption text in the following positions, Top, Middle, Bottom.
Here’s a video example of the different placements and how they look on the storefront: