Collection list

Display multiple collections in a grid or carousel to help customers browse product categories.

How to access

1. Go to Shopify Admin → Online Store → Themes.

2. Click Customize on your active theme.

3. Click Add section on the page and choose Collection list.

Section Settings

Setting	Description
Layout
Expand to full width	Extends the section to the full browser width.
Color scheme	Sets the background and text colors.
Background opacity	Controls the background opacity.
Content
Heading	Sets the section heading text.
Heading size	Controls the size of the heading.
Text	Adds supporting text to the section.
Text position	Shows the text above or below the heading.
Desktop content alignment	Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered.
Collection card
Collection list style	Sets the appearance of the collection cards. Choose from Classic or Modern.
Enable collection description	Displays the collection description on each collection card.
Enable collection count	Displays the number of products available in each collection.
Column alignment	Aligns the collection card content. Choose from Left, Center, or Right.
Aspect ratio	Sets the image proportions for collection cards. Choose from Adapt to image, Portrait, or Square.
Column settings
Desktop columns	Sets the number of collections displayed per row on desktop. Choose from 3, 4, or 5.
Mobile columns	Sets the number of collections displayed per row on mobile. Choose from 1 or 2.
Carousel settings
Enable carousel	Displays the collections in a carousel layout.
Change slides every	Sets the delay between automatic slide transitions. Enter 0 to disable autoplay.
Gap	Controls the spacing between collection cards.
Pagination	Sets the carousel navigation style. Choose from Dots, Arrows, or None.
Pagination style	Sets the appearance of the carousel navigation. Choose from the available pagination styles.
Section padding
Top side	Sets the space above the section.
Bottom side	Sets the space below the section.
Section divider
Shapes	Adds a decorative divider to the section. Choose from Curve top, Curve bottom, Curve both, None, Border top, Border bottom, or Both border.

Blocks

Add blocks to this section in the theme editor. Each block is a separate item you can add, remove, and reorder.

Collection

Select a collection to display in the collection list.

Setting	Description
Collection	Selects the collection to display in this block.

Common Questions

How do I add more collections?

Click Add Collection inside the Collection list section and select the collection you want to display.

Can I display collections in a carousel?

Yes. Enable Enable carousel under Carousel settings to display the collection cards in a slider.