Slideshow
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Slideshow".
| Setting | Description |
|---|---|
Content block width | Select the section width from the dropdown menu:
|
Custom width | Determines the width of the section when you choose 'Custom width' option at 'Content block width' setting . Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel) |
Desktop layout
| Setting | Description |
|---|---|
Desktop height | Select the desktop height from the dropdown menu:
|
Mobile layout
| Setting | Description |
|---|---|
Mobile height | Select the mobile height from the dropdown menu:
|
Colors
| Setting | Description |
|---|---|
Color scheme | Select a color scheme to set the text and background colors for the section. |
Carousel
| Setting | Description |
|---|---|
Enable arrows | Display arrows on devices:
|
Arrows position | Select the arrows position from the dropdown menu:
|
Enable infinite scroll | Select this option if you want the images to scroll infinitely |
Enable autoplay | Enable/disable checkbox |
Color for autoplay | Set the color for the button autoplay. |
Change slides every | Determines the time to change slides. Can be from 3s to 10s, increasing arithmetically of 1s (second) |
Enable pagination | Display pagination on devices:
|
Pagination type | Display pagination type on devices:
|
Animations
| Setting | Description |
|---|---|
Image behavior | Select the image behavior from the dropdown menu:
|
Accessibility
| Setting | Description |
|---|---|
Slideshow description | Add text to describe the slideshow for customers using screen readers. (Describe the slideshow for customers using screen readers) |
Last updated