Overview
A section for displaying vertically split automatically scrolling image carousels with titles
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:
|
| Color scheme | A set of colors that you can apply to this section. Learn more about color schemes. |
| 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. |
| IMAGE | |
| Image ratio | The ratio for the image:
|
| Desktop media width | |
| Image width | Set the width of the media. Defaults to 50%. |
| Mobile media width | |
| Image width | Set the width of the mobile image. Defaults to 50%. |
| Gap | Set the gap between the meidas. |
| Desktop image position | Choose between Left and Right. |
| Mobie image position | Choose between Top and Bottom. |
| Content | |
| Text alignment | Choose from Left, Center and Right. |
| Desktop content position | Choose from Top, Middle and Bottom. |
Image with text block
| Setting | Description |
|---|---|
| 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. |
| Link | The URL that you want the image to link to. |
| TEXT | |
| 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 |
| Subheading | Optional subheading text for the image. Text is added to each image individually. |
| 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 from Primary, Outline and Underline. |
| 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 from Primary, Outline and Underline. |