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:

1. In the theme editor (Customize), click Add section.

2. Locate Slideshow.

3. Make necessary changes. > Save.

General Settings

• Section width - Boxed / Wide / Full

• Desktop height mode ⇒ Adapt to image/ Full screen / Fixed height

• Desktop fixed height ⇒ Height applied when 'Fixed height' is selected

• Mobile height mode ⇒ Adapt to image/ Full screen / Fixed height

• Mobile fixed height ⇒ Height applied when 'Fixed height' is selected

• Auto-rotate slides

• Change slides every

• Pause auto rotate on hover

• Transition type - Zoom / 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:

1. Locate Slideshow.

2. Add Slide

3. 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

Layout & 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 ⇒ use [f] and [/f] to highlight the text

• Highlighted word type ⇒ Single line / Multiple lines

• Heading size - From Heading Xl - Heading 6

• Description - Small / Medium / Large

Colors

• Text color

• Text highlighted

• 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