Product custom grid
A freeform product grid — theme editor → Add section → Product custom grid. Unlike a regular grid, each product block is placed manually at a chosen column position and width, so you can build an asymmetric, editorial-style layout. Available on regular page templates (not the header, drawers, or popups).
Sticky heading
Section titled “Sticky heading”A heading that stays pinned in view while visitors scroll through the grid below.
- Heading — the text. Use
[brackets]to highlight a word, e.g.Made for [every day]. - Tag — the HTML heading tag used (H1–H6). Default H2.
- Size — the visual size (H0–H6). Default H1.
- Use a different size on mobile — turn on to set a different visual size on mobile. Default off.
- Size (mobile) (only when the above is on) — H0–H6. Default H1.
Grid settings
Section titled “Grid settings”- Column count — how many columns make up the grid. Range 1–16, default 12.
Section settings
Section titled “Section settings”- Color scheme — default Scheme 1.
- Spacing — Bottom, Top, Top and bottom, or None. Default Top and bottom.
- Spacing size — Base, Small, or X-small. Default Base.
- Include header offset — pushes the section down by the header’s height, in addition to the padding above. Default off.
Blocks
Section titled “Blocks”Product
Section titled “Product”One product tile, placed at a chosen position on the grid.
- Product — the product to display.
- Column span — how many grid columns wide the tile is. Range 2–16, default 4.
- Column start — which column the tile starts at. Range 1–16, default 4.