Slideshow
Combine images, text, and call-to-action buttons in your slideshow section
Last updated
Combine images, text, and call-to-action buttons in your slideshow section
Last updated
A slideshow is a quick and interactive way to showcase content and information on your site. Slideshow lets you display your most popular products/collections or shout out about what's new with a call-to-action button.
After adding a slideshow section, you can start customizing it to your liking.
You can choose your Container type as Fixed width/Full width/Narrow width/Extended width.
There are 5 options for the slide height to choose from:
Adapt to image
Small
Medium
Large
Custom height.
If you choose Custom height, use the toggle to adjust the slide height value between 0 and 800 px.
Check the corresponding boxes if you want to enable navigation and/or pagination on your slideshow.
Please note, navigation and/or pagination show when you have two or more image slide blocks in your slideshow.
You can also make your slideshow's content auto-rotate and set the duration time (between 1 and 10s).
A Slideshow section includes:
Image slide
Video slide
Image only with link
Each Image slide/Video slide comes with a heading, text, and button child blocks. After adding a child block, click on it to customize.
Select a text style from your Global styles, then add text for Heading and adjust its tags if needed.
Similarly, you can choose your text styles and add text for your Text block.
Add a button to direct your visitors to your desired page. Choose a button style from your Global styles; add the button's label, links, and icon (optional).
You can also set the icon position as left or right.
Learn more about styling a button here:
