Collection list slider

A guide to set up a 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

Steps:

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

2. Select Collection list slider.

3. Make necessary changes.

4. Save the settings.

How to edit a Collection list

Section settings

Large image

• Image ratio: Control the ratio of the large image on the left (Adapt to image/ Square/ etc.).

Collection card

• Image ratio: Control the ratio of the collection image on the right (Adapt to image/ Square/ etc.).

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 block

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.

• Choose an Image for the Collection card. Leave the Image field blank if you want to use the collection's image.

• Use the provided text field to add a different Heading for the Collection. Leave the field blank to use the collection's title.

Badge block