The top portion of a storefront page is its most valuable real estate. To make the most of it, merchants often use a slideshow to showcase their most recent deals and top-selling products.
Add this section to
Invert slideshow control colors
Click the section to open its settings.
The Invert slideshow control colors option allows you to swap the default translucent white "next/previous" buttons for a darker version. This helps to make these controls more visible in contrast to the slideshow images.
Automate slide rotation
To rotate through the included slides automatically, enable Auto-rotate slides.
Customize how long each slide displays using the Rotation interval slider.
Adjust the slideshow height
Choose an option from the Slideshow height dropdown. The options are:
- Small
- Medium
- Large
- Original aspect ratio
Each option will adapt the image to fit the container, except for Original aspect ratio, which will respect the original proportions of the image.
Add up to five slides to display
Select a Slide block to access its settings. To add a new block, select (+) Add slide.
Image
In the slide block, click Select image to upload the image.
The best dimensions for slideshow images are 940 x 444px. Adjust the image to these dimensions before uploading.
Headings
Add an optional Heading and Subheading with the provided fields.
Button
Then add a Button label and Link to control what the button says and where it directs to.
Colors
Select a Color for the text components of the slide using the rounded-rectangle swatch. Then do the same for the Background color, which will be the overlay color covering the slide image.
Overlay
Adjust the Background color opacity using the provided slider. This controls the level of opacity for the background color, so having a value closer to 0% will make the color more transparent, while one closer to 100% will be more opaque. Set to 0% to disable the overlay.
Alignment
Use the Alignment dropdown to select a text alignment option. This helps to position the text to work with the subject of the image.
The options are:
- Left Top
- Left Center
- Left Bottom
- Center Top
- Center
- Center Bottom
- Right Top
- Right Center
- Right Bottom