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 |
---|---|
Section width | Set the width of the section using the drop-down menu:
|
Show top outline | Displays the top outline of the section. |
Show bottom outline | Displays the bottom outline of the section. |
Color scheme | Set the color scheme of the section using the drop-down menu:
|
Background color | Set the background of the section,visible when the Color scheme setting is set to Custom. |
Slide height | The slide height of the slideshow:
|
Float top | Set the Float top of the image. Defaults to 72px. |
Float bottom | Set the float bottom of the image. Defaults to 72px. |
CONTROLS | |
Show navigation dots | Checked to show navigation dots. |
Show navigation arrows | Checked to show navigation arrows. |
Color | Set the color of the controls. |
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: 10 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 | Set the color scheme of the section using the drop-down menu:
|
Background color | Set the background of the section,visible when the Color scheme setting is set to Custom. |
Text color desktop | Set the text of the section,visible when the Color scheme setting is set to Custom. |
Text color mobile | Set the text of the section. |
IMAGE DESKTOP | |
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 position | Set the position of the image using the drop-down menu, visible when the ‘Desktop logo’ setting is set to Left.
|
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 Link | |
Link | Give the image a link when there is no content on it. |
Stamp background | |
Image | Static image for your Stamp. |
Edit alt text | Describe the stamp image and provide context for customers using screen readers. |
Opacity | Set the opacity of the stamp. Defaults to 20%. |
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. |
Content width | Set the width of the content. Defaults to 60%. |
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 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. |