Slideshow
The "Slideshow" section features rotating images or content, capturing attention and showcasing key messages, promotions, or products. It enhances visual appeal and engages visitors, encouraging them to explore further.
Steps:
In the theme editor (Customize), click Add section.
Locate Slideshow.
Make necessary changes. > Save.
General Settings
Section width - Container / Stretched / Full width
Desktop height - Adapt to image / 450px / 550px / 650px / 750px / Full screen
Mobile height - Adapt to image / 400px / 450px / 500px / 550px / Full screen
Auto-rotate slides
Change slides every
Transition type - Zoom / Zoom cut / Fade / Slide
Controls - Filled arrows / Outlined arrows / Numbers / Dots
Slideshow description - Slideshow about our brand Describe the slideshow for customers using screen readers.
Block settings
Steps:
Locate Slideshow.
Add Slide
Make necessary changes. > Save.
Image - 2800 x 1000 .jpg recommended
Mobile image - 1200 x 1600 .jpg recommended
Slide link - Link on image
Video
Use video as a background - When enable Video overwite Image slide
Shopify-hosted video
Content
Content maximum width
Content position
Top left
Top center
Top right
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
Mobile content position
Top left
Top center
Top right
Middle left
Middle center
Middle right
Bottom left
Bottom center
Bottom right
Content space - Small / Normal / Large
Subheading
Heading
Heading size - From Heading 1 - Heading 6
Description - Small / Medium / Large
Colors
Text color
Overlay
Overlay opacity
Overlay gradient - If overlay gradient is blank Overlay will use overlay color
Buttons
Button 1, Button 2
Label button - Leave the label blank to hide the button.
Link
Button type
Primary
Outline
Underlined
Solid White
Outline White
Underlined White
Secondary
Last updated