Slideshow settings

This guide describes the Slideshow section.

Use this section to showcase a series of slides in the hero area at the top of the page.

Each slide can include:

A background image;
Content such as a heading, subheading, and a button.

A distinctive feature of this section is the ability to customize its shape, for example, by adding inward curves or creating wave-like edges.

How to access the Slideshow section

Access this section through the theme customizer:

Navigate to Online Store > Themes
Select “Customize” on your active theme
On any theme template, click “Add section”
Search and select “Slideshow”

To insert a new section between existing ones, follow the steps in the article "Sections and blocks" and locate the section titled “How to add a section”.

How to configure the Slideshow section

Basic Components

The “Slideshow” section consists of three primary components:

General settings – These control the overall settings of the section.
Slide block – Each slide has its own individual settings.
Shape block - Controls the section shape settings.

To insert a new block between existing ones or to add a block when none have been added yet, refer to the article "Sections and blocks" and locate the section titled “How to add a block”.

General settings

Settings	Description
Layout	Full Width: The image banner spans the entire width of the page, edge to edge. Grid: The image banner is constrained to the same width as other sections and aligns with the main content container.
Slide height	Choose slide height from the dropdown list: Adapt to first image: All images in the carousel will match the height of the first image. Small Medium Large
Auto-rotate slides	Enable automatic slide rotation.
Change slides every	Set the interval (in seconds or milliseconds) between each slide when auto-rotate is enabled.

Animations settings

Setting

Description

Image behavior

Choose how the image behaves:

None
Ambient movement: This creates a subtle, slow movement effect, making the image appear dynamic.

Accessibility settings

Setting	Description
Slideshow description	Enhance accessibility by providing a description for your slideshow, catering to visually impaired customers.

Section padding

Setting	Description
Top padding	The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The 'Bottom padding' setting functions similarly to the 'Section top padding” setting but controls the space at the bottom of the section.
Top padding mobile	The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices using a slider.
Bottom padding mobile	The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.