Collection list
A carousel of collection cards.
A quick way into your main collections from the home page.
How to add it
- In Shopify admin, go to Online Store → Themes and click Customize.
- Open the page from the page picker at the top of the editor.
- In the sidebar, click Add section and choose Collection list.
- Fill in the content, then click Save.
Tips
- Use images with the same shape for a neat row.
Screenshots
Settings
| Setting | Options | What it does |
|---|---|---|
| Section appearance | ||
| Color scheme | Color scheme | |
| Content | ||
| Subheading | Text (bold, italic, links) | |
| Subheading size | Small · Medium · Large | |
| Heading | Text (bold, italic, links) | Italicized words switch to the Accent font from Theme settings → Typography. They stay italic and keep the color of the text around them. |
| Heading size | Small · Medium · Large · Extra large | |
| Heading level | H1 · H2 · H3 · H4 · H5 · H6 | Adjust for page structure — one H1 per page. Size is controlled separately. |
| Settings | ||
| Cards per view (desktop) | 2–5 | Narrower screens step this down automatically: at most 3 below 1280 px and at most 2 below 1024 px. |
| Cards per view (mobile) | 1 · 2 | |
| Carousel | ||
| Show previous/next arrows | On / Off | |
| Pagination style | Progress bar · Counter with line · Dots · Counter · None | |
| Control alignment | Left · Center · Right | Aligns the dots, counter or arrows under the slides. |
| Loop slides | On / Off | |
| Animations | ||
Blocks
Click Add block under the section in the sidebar. Drag blocks to change their order.
Collection
| Setting | Options | What it does |
|---|---|---|
| Collection | Collection | |
| Image | Image | Optional. Falls back to the collection's own featured image. |
| Card label | Text | Shown in the chip at the bottom of the card. Leave blank to use "View collection". |
| Link | Link | Optional. Falls back to the collection's own page. |
It also has the shared Animate on scroll and Section spacing settings.