Section reference
Stacked panels
Settings and blocks of the Stacked panels section in the Vellmar theme.
- Handle
stacked-panels- Group
- More sections
- Where
- Add it to any template with Add section in the theme editor. Up to 18 blocks.
Settings
Full-screen photo panels with a large headline. Add products after a panel to show what is worn in its photo. With scroll effects on, each panel pins and the next one slides over it.
| Setting | Type | Default | Options |
|---|---|---|---|
| Title for screen readersDescribes the panels to screen reader users. The panels' own words stay visible. | Text | The lookbook | — |
| Hold before the next panelShare of the screen height that each panel holds still before the next one arrives. | Slider | 45% | 0% to 100%, in steps of 5% |
| Products list labelRead by screen readers before the products of a panel. | Text | Worn in this shot | — |
| Color scheme | Color scheme | Scheme 3 | — |
Padding
| Setting | Type | Default | Options |
|---|---|---|---|
| Top padding | Slider | 0px | 0px to 200px, in steps of 4px |
| Bottom padding | Slider | 0px | 0px to 200px, in steps of 4px |
| Top padding on mobile | Slider | 0px | 0px to 200px, in steps of 4px |
| Bottom padding on mobile | Slider | 0px | 0px to 200px, in steps of 4px |
Blocks
Add blocks to this section from the theme editor, then drag them to change their order. A section can have up to 18 blocks.
Panel
| Setting | Type | Default | Options |
|---|---|---|---|
| Image2400 x 1600px .jpg recommended | Image | None | — |
| Mobile imageShown on screens narrower than 750px. Uses the image when empty. | Image | None | — |
| Vertical image position0 shows the top of the photo, 100 the bottom. A focal point set on the image in Files is used instead. | Slider | 50% | 0% to 100%, in steps of 1% |
| Vertical image position on mobile | Slider | 50% | 0% to 100%, in steps of 1% |
| HeadlineEach line is set on its own line. | Multi-line text | Your story | — |
| Small labelShown at the top of the panel. | Text | None | — |
Product
Shown on the panel above this block.
| Setting | Type | Default | Options |
|---|---|---|---|
| Product | Product | None | — |
Button
Shown on the panel above this block, under its products.
| Setting | Type | Default | Options |
|---|---|---|---|
| Label | Text | Shop the collection | — |
| Link | Link | None | — |