Section reference
Inset hero
Settings and blocks of the Inset hero section in the Vellmar theme.
- Handle
inset-hero- Group
- More sections
- Where
- Add it to any template with Add section in the theme editor.
Settings
| Setting | Type | Default | Options |
|---|---|---|---|
| Image | Image | None | — |
| Mobile imageShown on screens narrower than 750px. Uses the image when empty. | Image | None | — |
| WordmarkUses the store name when empty. | Text | None | — |
| Text | Multi-line text | Introduce your store in a sentence: what you make, who makes it and why it lasts. | — |
| Button label | Text | Shop all | — |
| Button link | Link | None | — |
| Link label | Text | Our story | — |
| Link | Link | None | — |
| Open the image as the page scrollsOn tablets and computers the image starts as an inset under the wordmark. It shows full width for customers who prefer reduced motion or when scroll effects are off. | Checkbox | On | — |
Products beside the image
Shown on wide screens while the image is an inset.
| Setting | Type | Default | Options |
|---|---|---|---|
| Product 1 | Product | None | — |
| Product 1 imageUses the product image when empty. | Image | None | — |
| Product 2 | Product | None | — |
| Product 2 imageUses the product image when empty. | Image | None | — |
| Color scheme | Color scheme | Scheme 1 | — |
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 |