Theme section
Collections grid
Create an overview of your storefront collections.
Where to configure thisIn Shopify, go to Online Store → Themes → Customize and choose Add section → Collections → Collections grid. Availability depends on template context.
What this section does
Use this section for browsing and collection discovery, with content and presentation controlled in the Theme Editor.
How to set it up
- Open your Shopify theme editor and select the appropriate template.
- Configure the section settings in the tables below.
- Preview using your store content.
- Check the result on desktop and mobile, then save.
Exact Theme Editor settings
Verified against sections/collections.liquid from the supplied theme archive.
| Group | Setting | Type | Default | Options / visibility |
|---|---|---|---|---|
| Content | Heading | text | — | — |
| Content | Intro text | richtext | — | — |
| Content | Heading alignment | select | left | Left / Center |
| Collection cards | Show collection descriptions | checkbox | On | — |
| Collection cards | Description length | range | 16 | — |
| Collection cards | Show product count | checkbox | On | — |
| Collection cards | Image ratio | select | square | Square / Portrait / Landscape / Adapt to image |
| Collection cards | Image fit | select | cover | Cover / Contain |
| Grid | Desktop columns | range | 4 | — |
| Grid | Mobile columns | select | 2 | 1 / 2 |
| Grid | Grid spacing | range | 20 | — |
| Grid | Collections per page | range | 24 | — |
Add section category: Collections.
Related documentationSee the complete section reference and section overview.