Slideshow

To add this section, please follow the below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Slideshow".

Setting	Description
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

Setting	Description
Image behavior	Select the images effect: None Ambient movement

Mobile layout

Setting	Description
Show content below images on mobile	Enable/disable checkbox

Accessibility

Setting	Description
Slideshow description	Add text to describe the slideshow for customers using screen readers. (Describe the slideshow for customers using screen readers.)

---

Slide Block

Setting	Description
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

Setting	Description
Color scheme	Set the text color and background color for the section.

Mobile layout

Setting	Description
Mobile content alignment	Set horizontal alignment for content inside section containers: Left Center Right