Mandolin Section - Slideshow
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 |
|---|---|
| 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 |
|---|---|
| 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. |
| Text color desktop | Set the text color of heading, subheading, description for desktop computers. |
| Text color mobile | Set the text color of heading, subheading, description for mobile devices. |
| 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. |
