Collection list

A guide to set up a list of featured collections

The collection list displays a quick list of desired collections to catch visitors' attention.

How to add a Collection list

Steps

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

2. Locate Collection list

3. Save.

To know more about creating and editing collections, see Collections.

How to edit a Collection list

Section settings

Collection card settings

Adjust collection card elements such as card style, content alignment, color, etc. by selecting the drop-down values and checking/ unchecking the boxes.

Collection card style:

Standard

Content inside with overlay

Content middle

Content inside with button

Show product count same line with collection name (for Standard collection card style):

Grid settings

Set the Number of columns for desktop view between 2-12 columns; and choose your favorable Column gap and Row gap.

Button settings

You can add a button at the end of the section or check the option Show on heading section to place it on top.

Give the button a label, link it to your desired page and select the button style.

Carousel settings

You can enable the carousel on desktop (when the number of collections added > the number of columns) and show pagination and/or navigation in the list.

Mobile layout

You can enable swiping on mobile or display the collections in a 2-grid column layout.

Block settings

Each collection block has its own settings such as title, image, and collection link to choose from.