Gallery
Where you can add it
Not in section groups: Header, Footer.
Blocks
Section titled “Blocks”- Photo — part of this section
Up to 12 blocks.
Photo
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Image | Image | — | |
| Handle Shown on a glass label over the photo. Leave blank to hide the label. | Text | @rio.studio | |
| Link Makes the photo a link, for example to the product or to the original post. | Link | — | |
| Shape | Select | Rounded | |
| Aspect ratio Adapt keeps the photo’s own proportions. | Select | Portrait (4:5) |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Eyebrow | Text | @rio.studio | |
| Eyebrow link Turns the eyebrow into a link, for example to your Instagram profile. Shown when Eyebrow is set. | Link | — | |
| Heading Make a word italic to emphasize it. | Inline rich text | Worn by you | |
| Highlight color Leave empty to use the color scheme’s highlight. Shown when Heading is set. | Color | — | |
| Arrangement | |||
| Layout on desktop Each breakpoint is chosen separately, so a grid on desktop can be a carousel on a phone — or stay a grid. | Select | Grid | |
| Layout on tablet | Select | Grid | |
| Layout on mobile | Select | Grid | |
| Columns on desktop Shown when Layout on desktop is not Stack. | Range | 6 | 2–8, step 1 |
| Columns on tablet Shown when Layout on tablet is not Stack. | Range | 3 | 2–4, step 1 |
| Columns on mobile Shown when Layout on mobile is not Stack. | Select | 2 | |
| Space between photos | Range | 20 px | 8–40 px, step 2 |
| Photo alignment Lines up photos of different heights in each row. | Select | Middle | |
| Show arrows Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Checkbox | On | |
| Pagination Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Select | Progress bar | |
| Photos | |||
| Zoom image on hover | Checkbox | On | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. | Select | Auto | |
| Open links in a new tab Applies to the eyebrow link and the photo links. Screen readers announce it. | Checkbox | Off | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Not in this section: Section width. Defaults here: Content alignment Center (everywhere else: Start); Top spacing 0 px (everywhere else: 64 px); Bottom spacing 144 px (everywhere else: 64 px); Top spacing on mobile 0 px (everywhere else: 40 px); Bottom spacing on mobile 96 px (everywhere else: 40 px); Stagger 90 ms (everywhere else: 0 ms). | |||
Presets
Section titled “Presets”- Gallery — Category: Media
Starts with: Photo, Photo, Photo, Photo, Photo, Photo