Collection tiles
Collection tiles shows your collections as image tiles. Choose the title below the image, on the image, or compact chips, and let phones swipe through them.
How to set it up
Step 1: Add the Collection tiles section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Collection tiles and select it (1).
Step 2: Set up the tiles
- Pick a Style (1), the Image ratio and Columns, and turn on Swipe on mobile.
Step 3: Add collections
- Add Collection blocks. The title and image default to the collection's own; set them here to override.
Settings reference
Collection tiles
| Tiles | |
|---|---|
| Style | Options: Title below image, Title on image, Compact chips. |
| Image ratio | Options: Square, Portrait (4:5), Tall (3:4), Landscape (4:3). |
| Image ratio on mobile | Options: Same as desktop, Square, Portrait (4:5), Tall (3:4), Landscape (4:3). |
| Columns | Slider. |
| Mobile columns | Options: 1, 2. |
| Swipe on mobile | Turns this on or off. |
| Show progress line | Turns this on or off. |
| Show product count | Turns this on or off. |
Collection block
| Collection | A collection. |
|---|---|
| Title | Defaults to the collection title. |
| Image | Defaults to the collection image. |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.