About this section
A fast, clean product grid with quick add, two columns on phones and up to four on desktop.
How to add itCustomize → Add section
Where it can goAny page
Settings11 · 1 block type
Good to know: The most practical layout for larger catalogs.
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 | From 4 to 16, 8 to start. |
| Desktop columns | Choice | Mobile always shows 2 columns — the balance research finds works best for a beauty catalog. Choose 3 columns, 4 columns. 3 columns to start. |
| Load more instead of numbered pages | On / off | On by default. |
| Show vendor | On / off | Off by default. |
| Mark products as new for (days) | Slider | Based on when the product was published. Set to 0 to disable. 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. |
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