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".
Allow transparent header
Enable/disable checkbox (This setting only applies when this section is the first one on the homepage.)
Layout
Select the layout style for the section:
Grid
Carousel
Desktop height
Select the image height on desktop devices for the section:
Adapt to first image
Small
Medium
Large
Mobile height
Select the image height on mobile devices for the section:
550px
650px
750px
Pagination style
Select the pagination type from the dropdown menu:
Dots
Counter
Numbers
Auto-rotate slides
Enable/disable checkbox
Change slides every
Determines the time to change slides. Can be from 3s to 9s, increasing arithmetically of 1s (seconds).
Animations
Image behavior
Select the images effect:
None
Ambient movement
Mobile layout
Show content below images on mobile
Enable/disable checkbox
Accessibility
Slideshow description
Add text to describe the slideshow for customers using screen readers. (Describe the slideshow for customers using screen readers.)
Slide Block
Image
Set up an image
Mobile image
Set up an image on desktop devices (1200 x 1600px .jpg recommended)
Content width
Determines the content maximum width of the block. Can be from 350px to 900px, in 10px arithmetic increments.
Heading
Add text to display as a section heading.
(Leave the field blank to hide the heading)
Heading size
Font size of text:
Small
Medium
Large
Extra large
Double extra
Heading bottom margin
Determines the height of the bottom outside space of the heading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Subheading
Add text to display as a section subheading.
(Leave the field blank to hide the subheading)
Subheading style
Select the text style for the block:
Body
Subtitle
Subheading bottom margin
Determines the height of the bottom outside space of the subheading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Button label
Add text to display as a button label.
(Leave the label blank to hide the button)
Button link
Set the link of the button, for example the customer service page.
Use outline button style
Enable/disable checkbox
Use a full-width button style
Enable/disable checkbox
Desktop content position
Set every position alignment for content inside section containers:
Top left
Top center
Top right
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
(Position is automatically optimized for mobile.)
Show container on desktop
Enable/disable checkbox
Desktop content alignment
Set horizontal alignment for content inside section containers.
Left
Center
Right
Image overlay opacity
Determines the image overlay opacity of the section. Can be from 0% to 100%, in 10% arithmetic increments.
Color
Color scheme
Set the text color and background color for the section.
Mobile layout
Mobile content alignment
Set horizontal alignment for content inside section containers:
Left
Center
Right
Last updated