Collection page
Banner, category pills, sorting toolbar, product cards and promo cards.
Where: Customize → page dropdown → Collections → Default collection → Collection Grid.
Banner
| Setting | What it does |
|---|---|
| Show banner | Turns the top banner on or off. |
| Banner image / mobile image | Leave empty to use the collection's own image. |
| Banner text | Leave empty to use the collection title. |
| Banner text color, heights | Look and size. |
Category pills (blocks)
Add a Category pill block for each collection you want as a round button under the banner. The pill for the current collection is filled.
Toolbar
- Sort: opens a frosted panel with featured, name a-z, name z-a, price low to high, price high to low and newest first.
- Product count: shown next to Sort.
- 2 / 3 column buttons: switch the grid layout.
Product cards
| Setting | What it does |
|---|---|
| Buy button | Show on hover: the button slides up on hover. Always show: the button is always visible. On phones it's always visible. |
| Show custom cursor on cards | Turns the frosted cursor circle on or off. |
| Cursor text | The word in the circle, for example swipe or view. |
| Products per page | 12 to 96. |
- The BUY button opens the product page.
- Sold-out products show Join the Waitlist.
Promo card (blocks)
Add promo cards inside the grid.
| Setting | What it does |
|---|---|
| Image | Leave empty for a text-only card. |
| Title / Text | The card text. |
| Button text / link | The card button. |
| Show after how many products? | Its position in the grid. |
Last updated . View as markdown.
Missing something? Tell us and we will improve this guide.