The Slideshow is one of the first things customers see when landing on your website. If this section is used correctly, your customers will be hungry to navigate to your product pages and make a purchase.
Show powerful imagery that connects with your brand. Visitors will absorb what your store represents in very short space of time via the images they are exposed to - far faster than if they had to read through a block of text describing the same thing.
As well as being a great place to highlight current collections, offers and news, the slideshow’s automatic image transition gives a sense of urgency and behind-the-scenes activity.
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”
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, with “Full width” the image will always try to take up the entire width of the screen and 'Full Screen' will make the images all full screen-covering, also making the slides (and images) will be the same size.
The 3-8 sec adjustment bar selects the duration between one picture showing and the next.
The 12-50 px adjustment bar selects the size of the Heading text shown over the Slideshow images:
The 12-50 px adjustment bar selects the size of the Subheading text shown over the Slideshow images and below the Heading text:
The 12-30 px adjustment bar selects the size of the Button, shown over the Slideshow images and below the Heading text.
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.
This is where you add your Slideshow images, using content blocks. These blocks can easily be re-ordered by clicking and dragging into place:
You can add both a main image for the Desktop View and a 'Mobile images' that will be substituted in place when the page is loaded in Mobile View, for every Slide within the Slideshow.
For desktop, we recommend the Landscape dimensions of 2000 x 900px, while for Mobile we recommend images that are Squared at 1400 x 1400 px:
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 in to 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, Left, Centre, Right.