About this section
A grid for products that come in many shades or sizes: every variant is folded into one card, with real swatches under the picture. Filter chips and promo banners can sit among the products.
How to add itCustomize → Add section
Where it can goAny page
Settings9 · 2 block types
Good to know: Set up color swatches in your product options so the swatches show the real colors.
Settings
| Setting | Type | What it does |
|---|---|---|
| Badge text | Text | — |
| Heading | Text with bold, italic and links | — |
| Subheading | Text | — |
| Collection | Collection | Leave empty when this is the main section of one of this theme's Collection templates (Radiance Grid, Prism Vault, Bloom Cascade, Shade Atlas, Ritual Rail) — it will then show whichever collection the shopper is viewing. Pick one only to feature a fixed collection elsewhere, such as the home page. Choose a collection. |
| Products per page | Slider | Filter chips only ever narrow down the products already loaded on the page — for very large, frequently-filtered catalogs, pair Radiance Grid with the storefront's own filters instead. From 6 to 24, 12 to start. |
| Show vendor | On / off | Off by default. |
| Mark products as new for (days) | Slider | From 0 to 60, 15 to start. |
Section padding
| Setting | Type | What it does |
|---|---|---|
| Top padding | Slider | From 0 to 100 px, 36 px to start. |
| Bottom padding | Slider | From 0 to 100 px, 36 px to start. |
Blocks
Blocks are added inside the section with Add block, and can be reordered by dragging.
Promo banner up to 3
| Setting | Type | What it does |
|---|---|---|
| Insert after product | Slider | From 1 to 24, 4 to start. |
| Columns to span (desktop) | Slider | From 1 to 4, 2 to start. |
Media
| Setting | Type | What it does |
|---|---|---|
| Image | Image | Choose an image from your files. |
| Video | Video | Plays muted and looped, and replaces the image when set. Choose a video uploaded to your files. |
| Dark mode video | Video | Plays instead of the video above while the store is in dark mode, from the same moment. Use a film of the same length. Choose a video uploaded to your files. |
| Overlay darkness | Slider | From 0 to 90 %, 50 % to start. |
| Minimum height | Slider | From 24 to 64 rem, 34 rem to start. |
Content
| Setting | Type | What it does |
|---|---|---|
| Eyebrow | Text | — |
| Heading | Text | — |
| Text | Formatted text | — |
| Link label | Text | — |
| Link | Link | A link to any page. |
| Text position | Choice | Choose Bottom, Centered, Top. Bottom to start. |
| Enable animation | On / off | Heading reveal and a slow image drift. Automatically disabled for visitors who ask for reduced motion. On by default. |
Filter chip
| Setting | Type | What it does |
|---|---|---|
| Product tag to match | Text | Must match a real tag on your products exactly (not case-sensitive). |
| Chip label | Text | Leave empty to show the tag itself. |
Apps
App blocks from apps you have installed can be added here.
Something here not as described?Tell us which setting and what you saw. We reply within two business days.
Contact support