Brand Story
Gallery
Section handle:
gallery
Settings
Layout
| Setting | Type | Default | Description |
|---|---|---|---|
| Layout | Dropdown | grid | Grid shows uniform rows/columns. Mosaic uses masonry layout. Strip scrolls horizontally. · Options: grid – Grid, mosaic – Mosaic, strip – Strip |
| Columns (desktop) | Number | 4 | Number of columns on desktop screens. |
| Columns (mobile) | Number | 2 | Number of columns on mobile screens. |
| Aspect ratio | Dropdown | 1_1 | Applied to grid and strip variants. Mosaic always uses natural ratios. · Options: 1_1 – Square (1:1), 4_5 – Portrait (4:5), 3_2 – Landscape (3:2), natural – Natural |
| Spacing | Dropdown | medium | Controls the gap between gallery images. · Options: tight – Tight, medium – Medium, wide – Wide |
| Caption style | Dropdown | below | How captions are displayed. Overlay styles appear on top of the image. · Options: below – Below image, overlay_bottom – Overlay (bottom), overlay_center – Overlay (center) |
| Hover effect | Dropdown | none | Desktop only. Disabled when user prefers reduced motion. · Options: none – None, zoom – Zoom, lift – Lift |
| Enable lightbox | Toggle (on/off) | Off | Opens a full-screen viewer when an image without a link is tapped. |
Style
| Setting | Type | Default | Description |
|---|---|---|---|
| Padding top | Dropdown | medium | Options: none – None, small – Small, medium – Medium, large – Large |
| Padding bottom | Dropdown | medium | Options: none – None, small – Small, medium – Medium, large – Large |
Blocks
Image
Block type:
image
Content
| Setting | Type | Default | Description |
|---|---|---|---|
| Image | Image | — | Select an image to display. |
| Caption | Text | — | Optional. Leave blank to hide. |
| Link | URL / Link | — | Optional. Leave blank to disable. |
| Featured | Toggle (on/off) | Off | Featured images span two columns in grid layout. |
Default Configuration
When you add this section from the Theme Editor, it comes pre-configured with:
- Gallery — 1× Image