Image grid
sections/image-grid.liquid · section type image-grid
Used on templates: index, page.lookbook
Presets: Image grid
Section settings
Content
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Heading | heading | text | Image grid | — |
| Heading size | heading_size | select | h2 | Options: Small · Medium · Large |
| Text alignment | text_alignment | select | center | Options: Left · Center · Right |
Layout
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Images per row on desktop | images_per_row | range | 5 | Sets the number of images per row. The last row may contain fewer.<br>Range 2–5, step 1 |
| Image shape | image_shape | select | square | Options: Portrait · Square · Landscape · Arch |
| Grid spacing | grid_spacing | range | 30 | Range 0–40 px, step 2 |
| Full page width | full_width | checkbox | false | — |
| Add top spacing | space_above | checkbox | true | — |
| Add bottom spacing | space_below | checkbox | true | — |
| Show section divider | divider | checkbox | false | — |
Image overlay
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Text | overlay_text_color | color | #ffffff | Explainer text |
| Overlay | overlay_color | color | #000000 | — |
| Overlay opacity | overlay_opacity | range | 20 | Range 0–60 %, step 5 |
Blocks
Image
Block type image
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Image | image | image_picker | — | If no image is set, we'll automatically use the image from the linked collection or product. |
| Link | link | url | — | — |
| Heading | heading | text | — | Defaults to the linked collection or product title. |