Collection list slider

A Collection list slider displays a single-column carousel of selected collections, featuring a special large image for each collection to attract visitors' attention.

In this article, we will show you how to add a Collection list slider section.

How to add a Collection list slider to your Shopify store

How to edit a Collection list

Section settings

General

See how to adjust the Container settings

See how to adjust the Color scheme settings

Section header

Use the Desktop Padding Bottom setting to modify the space under the Section header, controlling how much gap exists before the next section. (Small/ Medium/ Large)

Content Spacing setting adjusts the space between the heading and other elemetns, ensuring optimal readability and layout balance. (Small/ Medium)

Use the provided text fields to add a suitable Heading.

• Leave them blank if you do not want to display them

Change the Heading size to the desired size:

• Heading - Medium

• Heading - Large

• Heading - Extra large

• Heading - Extra extra large

• Mega title - Base

You can also change the Heading color:

• Leave it blank if you do not want to use the default color setting in the Color scheme.

Testimonial settings

Section header

Insert the content you want in the Heading for the Collection list slider above the Collection card to grab customers' attention

• Leave them blank if you do not want to display them.

You can also change the Heading size to Extra-small/ Small/ Medium/ Large/ Extra-large to make the content more visible on your website.

Large image

Choose the Image ratio you prefer for the Large image:

• Adapt to first image

• Square (1:1)

• Portrait (3:4)

• Landscape (4:3)

Collection card

Choose the Image ratio you prefer for the Collection card:

• Adapt to first image

• Square (1:1)

• Portrait (3:4)

• Landscape (4:3)

Carousel settings

• Controls background: Customize the background for the navigation controls

Dark

Light

None

• Desktop controls position: Adjust the placement of the controls on the desktop

• Pagination type: Set pagination type as Dots/ Counter

Dots

Counter

Block settings

You can add multiple Collection blocks and 1 Badge block to the Collection list slider section.

Collection

Add an outstanding Large image for the block to draw customers' attention and make your website look more attractive.

Select a preferable or unique Collection that you want to show on the Collection list slider.

You can also choose the Image for the Collection card.

• Leave the Image field blank if you want to use the collection's image.

Use the provided text fields to add a suitable Heading for the Collection card in the Collection list slider.

• Leave them blank if you do not want to display them.

Badges

Select a Color scheme for the Badges from the available list to match your store’s design.

Enter the Text you want to display on the badge.

• Example: "Loved by customers - Loved by customers"

Upload an Image to appear alongside the text.