Collection list section
The Collection list section of Combine shows collections you pick as a grid or slider, each with its own image, aspect ratio and colors.
Applies to: Combine 4.2.0 and later. Added in: Combine 1.0.0. Last checked: 2026-10-13 against Combine 4.2.0.
The Collection list section shows the collections you pick as cards with an image and a title, in a grid or a slider. Each card can use the collection's own image or one you upload.
Where to find it: in the theme editor, select Add section and choose Collection list. Then add one Collection block per card, up to 18.
Layout
- Layout is Grid (the default) or Slider, which scrolls sideways.
- Desktop layout sets the cards per row: 2 columns, 3 columns, 4 columns or 6 columns (the default). Combine reduces it on smaller screens; 6 columns become 4 below 1024 px, 3 below 768 px and 2 on phones.
- Media aspect ratio crops every card image to one shape: Short (4:3), Square (1:1) (the default), Tall (5:6) or Taller (2:3).
- Media border radius rounds the image corners, 0 to 30 px.
- Show link to collection page (on by default) adds a button to the page that lists all your collections.
The section heading, colors, margins and heading tag work as described in General section styling. The color group is Section design, with Background color, Background gradient and Text color; the cards have no colors of their own.
Blocks
Collection
- Collection picks the collection. The card links to it and shows its title.
- Image replaces the collection's own image on this card. Leave it empty to use the collection image from Shopify admin → Products → Collections.
Why does a collection card show a placeholder image?
Because the collection has no image and the block has no Image. Add an image to the collection in Shopify admin → Products → Collections, or upload one in the Collection block's Image.
How many collections can the section show?
Up to 18, one Collection block each. For more, add a second Collection list section, or use the Collections list page, which shows all your collections.
All Collection list settings
Every setting of this section, with its type and default.
Accepts these blocks: Collection (up to 18 blocks in the section).
Collection list section: Section heading
Where to find it: Collection list → Section heading
The Collection list section uses the standard Section heading settings, listed in General section styling. Not available in this section: Button label and Button link.
Heading (text field, default: "Featured collections"): Sets the section title. Leave Heading, Subheading and Button label empty to hide the heading area.
Subheading (formatted text, default: "Share your best offers").
Heading size (dropdown, default: Regular). Options: Regular, Large.
Text alignment (dropdown, default: One row: Left). Options: One row: Left, Two rows: Left, Two rows: Center.
Show link to collection page (checkbox, default: on): Adds a button to the page that lists all your collections.
These settings differ from the standard ones or exist only here:
Heading (text field, default: "Featured collections"): Sets the section title. Leave Heading, Subheading and Button label empty to hide the heading area.
Show link to collection page (checkbox, default: on): Adds a button to the page that lists all your collections.
Collection list section: Layout
Where to find it: Collection list → Layout
Layout (dropdown, default: Grid): Shows the collections as a grid or as a slider that scrolls sideways. Options: Slider, Grid.
Desktop layout (dropdown, default: 6 columns): Sets the cards per row on desktop. Combine reduces it on smaller screens: 6 columns become 4 below 1024 px, 3 below 768 px and 2 on phones. Options: 2 columns, 3 columns, 4 columns, 6 columns.
Media aspect ratio (dropdown, default: Square (1:1)): Crops every collection image to this shape. Options: Short (4:3), Square (1:1), Tall (5:6), Taller (2:3).
Media border radius (slider 0 to 30 px, default: 0 px): Rounds the corners of the collection images.
Collection list section: Section design
Where to find it: Collection list → Section design
The Collection list section uses the standard Section design settings, listed in General section styling.
Background color (color, default: transparent).
Background gradient (gradient).
Text color (color, default: transparent): Sets the color of the section heading, the subheading and the text of the section.
These settings differ from the standard ones or exist only here:
Text color (color, default: transparent): Sets the color of the section heading, the subheading and the text of the section.
Collection list section: Gutter
Where to find it: Collection list → Gutter
The Collection list section uses the standard Gutter settings, listed in General section styling.
Decrease top margin (checkbox, default: off): Makes the space above the section smaller.
Remove bottom margin (checkbox, default: off): Pulls the next section up, so the two sections touch.
Collection list section: SEO
Where to find it: Collection list → SEO
The Collection list section uses the standard SEO settings, listed in General section styling.
Heading tag (dropdown, default: H2): Sets the HTML level of the section heading for search engines; span gives it no level. It does not change the size. Options: H1, H2, H3, H4, span.
Collection block
Where to find it: Collection list → Add block → Collection
Collection (collection picker): Sets the collection. The card links to it and shows its title.
Image (image): Replaces the collection's own image on this card.
Related pages
- Collections list page: the page with all your collections.
- Featured collection section: the products of one collection.
- General section styling: the standard section settings.