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".
Content block width
Select the section width from the dropdown menu:
Page width
Custom width
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
Desktop height
Select the desktop height from the dropdown menu:
750px
Full screen
Adapt to first image
Mobile layout
Mobile height
Select the mobile height from the dropdown menu:
550px
650px
Full screen
Adapt to first image
Colors
Color scheme
Select a color scheme to set the text and background colors for the section.
Carousel
Enable arrows
Display arrows on devices:
None
On every device
Only on desktop
Only on (desktop, tablet)
Only on (tablet, mobile)
Only on mobile
Arrows position
Select the arrows position from the dropdown menu:
Middle center
Bottom right
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:
None
On every device
Only on desktop
Only on (desktop, tablet)
Only on (tablet, mobile)
Only on mobile
Pagination type
Display pagination type on devices:
None
Dots
Fraction
Number
Animations
Image behavior
Select the image behavior from the dropdown menu:
None
Ambient movement
Zoom in on scroll
Accessibility
Slideshow description
Add text to describe the slideshow for customers using screen readers. (Describe the slideshow for customers using screen readers)
Last updated