Slideshow: Split

The Slideshow: Split section features a side-by-side layout, balancing high-quality imagery with clear messaging. This layout is ideal for showcasing specific collections or brand stories with a modern, split-screen aesthetic.

1. Desktop & Mobile Layout

Desktop image position

Choose whether the image appears on the Left or Right side of the text content on desktop screens.

Desktop content center

Toggle this to center-align the text and buttons within their container on desktop (Note: Content is always center-aligned on mobile).

Image minimum height

Select how the image height is calculated.

Mobile image height

Choose between Fixed height or Adapt to image. If using fixed height, you can use the Mobile fixed height slider to set the exact pixel value.

2. Animation & Controls

Auto-rotate slides

Enable this to allow the slideshow to transition automatically between slides.

Pause auto-rotate on hover

When enabled, auto-rotation stops when a user hovers their mouse over the slideshow, giving more time to view the content.

Change slides every

Adjust the slider to set the duration (in seconds) for each slide before it moves to the next.

Image transition type

Adjust the slider to set the duration (in seconds) for each slide before it moves to the next.

Pagination style

Select the visual indicator for the slide count: Dots, Bars, or Numbers with arrows.

3. Slide Block: Media and Styling Settings

The Slide block allows you to customize the visual and structural layout of an individual slide within the Slideshow: Split section.

Image

Upload the primary background image for the slide.

Mobile image

Choose a separate, vertically-optimized image for mobile users. If left blank, the desktop image will automatically scale to fit.

Background color

Select a solid color to be displayed as a placeholder while your high-resolution image is loading.

Color scheme

Apply a predefined color palette to control the appearance of the slide’s text, buttons, and overlays.

Content maximum width

Use the slider to limit the width of the text area (e.g., 650px) to ensure comfortable readability and professional alignment.