Slideshow
The Slideshow section adds an auto-playing slideshow to your home page. It supports video slides, and it can be configured to fill the entire screen. :
Set up a slideshow on the home page
To add a slideshow:
Settings reference
The slideshow has the following settings:
Height
Use the slider to set the height of the slide as a percentage of the maximum height.
Mobile height
Use the slider to set the height of the slide on mobile as a perecentage of the maximum height.
Overlay opacity
Use the slider to choose how opaque the overlay color should be. An opacity of 0% is invisible and 100% is completely opaque.
Overlay
Pick the color of the overlay.
Heading
Pick the color of the heading.
Subheading
Pick the color of the subheading text.
Button background
Pick the button background color.
Button text
Pick the button text color.
Time between slides
Use the slider to choose how many seconds Ira should wait before switching slides.
Choose between 0 seconds and 10 seconds.
Enable parallax
Check this checkbox to add a parallax scrolling effect to the slideshow.
The parallax effect gives the text and image a sense of depth as the user scrolls.
Enable full width
Check this checkbox to remove the outer margins from this section, making it span the entire width of the screen.
Add a slide
To add a slide to a slideshow:
Settings reference
Each slide has the following settings:
Image
Add or upload an image for the current slide.
Video link
Paste a link to an MP4 file that should be auto-played in the slide, taking the place of the image.
For more information, see Add a video to a slideshow.
Mini heading
Add mini heading text, which is smaller text placed above the heading.
This text uses your Mini heading typography styles.
See Typography for more information.
Heading
Add heading text to be used above the list of featured products.
We recommend keeping this to just a few words long.
Subheading
Add subheading text to be displayed below the heading text.
We recommend keeping this to a short sentence or two.
Text max width
Change how wide the subheading text can be at a maximum.
Button text
Add custom text for your call to action button.
We recommend keeping this between 1 and 3 words.
Button link
Choose a link that the call to action button should lead to.
Text alignment
Choose how the text inside the current slide should be aligned.
For more information about each option, see Text alignment in slideshows
Settings reference
In the Slidehow section, you can change how text is aligned in each slide.
The following Text alignment settings are available:
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
In the following diagram, you can see where of these settings would place your text::
Add a video to a slideshow
The Slideshow home page section allows you to add auto-playing videos to individual slides.
Before you start setting this up, you should know a few things: