Overview
You can add a slideshow section to display a carousel of up to 5 images on a page in your store.
Section settings
Setting | Description |
---|---|
Spacing position | Choose from:
|
Slide height | The slide height of the slideshow:
|
CONTROLS | |
Show navigation dots | Checked to show navigation dots. |
Show navigation arrows | Checked to show navigation arrows. |
AUTOPLAY | |
Auto-rotate slides | Check this box to automatically rotate through the images in the slideshow. If this box is not checked, then the slideshow displays a static image until the customer manually advances the slideshow. |
Change slides every | Use the bar to set the auto-rotate time of the slideshow. Minimum: 3 seconds, maximum: 16 seconds. |
ACCESSIBILITY | |
Slideshow description | Describe the slideshow for customers using screen readers. |
Image slide settings
The image slide supports one or two images, and a text box with buttons.
Setting | Description |
---|---|
Color scheme | A set of colors that you can apply to this section. Learn more about color schemes. |
Color scheme mobile | A set of colors that you can apply to this section. Learn more about color schemes. |
DESKTOP IMAGE | |
Image | Static image for your slideshow. Click Select Image to view your media library, or click the Change button to change or remove the image. |
Edit alt text | Describe the slideshow image and provide context for customers using screen readers. |
Image overlay opacity | Adds an overlay to the banner images. Use the slider to set the opacity of the overlay. Defaults to 0%. |
MOBILE IMAGE | |
Image | Static image for your slideshow. Click Select Image to view your media library, or click the Change button to change or remove the image. |
Edit alt text | Describe the slideshow image and provide context for customers using screen readers. |
Image overlay opacity | Adds an overlay to the banner images. Use the slider to set the opacity of the overlay. Defaults to 0%. |
CONTENT | |
Content position | The position of the content over the image. Choose between middle, or bottom, and left, center, or right. Middle center is the default setting. |
Subheading | Optional subheading text for the image. Text is added to each image individually. |
Heading | Optional heading text for the image. Text is added to each image individually. |
Heading size | The font size of the heading: Small Medium(Default) Large |
Description | Optional description text for the image. Text is added to each image individually. |
FIRST BUTTON | |
Label | Enter text for a button, or leave blank to hide the button entirely. |
Link | The URL that you want the button to link to |
Style | The style of the button. Choose between Primary and Secondary. |
SECONDARY BUTTON | |
Label | Enter text for a button, or leave blank to hide the button entirely. |
Link | The URL that you want the button to link to. |
Style | The style of the button. Choose between Primary and Secondary. |