(Sections)
Sections
Vale has 84 sections you can add (101 presets in all), grouped in Add section by what they do. Add them in the theme editor with Add section; each comes with a preset arrangement so it looks finished the moment it lands. Every section has a Color scheme and top and bottom spacing.
(01) · 7 sectionsHeroesHero: editorial cover, Hero: photo with index, Hero: split plates, Hero: statement…(02) · 11 sectionsCollection and catalogCollection tabs, Collection list, Rooms grid, Makers index…(03) · 20 sectionsStory and editorialStory opening, Editorial letter, Founder quote, Statement with image…(04) · 17 sectionsScroll sectionsLights on, Frame expand, Horizontal gallery, Stacked plates…(05) · 19 sectionsInformation and serviceAnnouncement bar, Countdown timer, Icon bar, Store locations…(06) · 18 sectionsCommerce and templatesFeatured product, Product spotlight, Product story, Shop the look…
Shared conventions
- Eyebrow label
- The small mono label above a heading, shown as (Selected pieces) when Wrap labels in parentheses is on
- Show bronze dot
- Adds the small accent dot before the eyebrow
- Heading size
- Large · Medium · Small · Serif display
- Heading level
- On heroes: H1 for the first hero of a page, H2 elsewhere
- Apps
- Most sections accept app blocks; the product, cart footer, page and article templates do too
- Custom Liquid
- Available as a section and as a block in the product, featured product, image with text, product story, page, cart footer and contact split sections
(Scroll effects)
On top of each section's own settings, the theme-wide Scroll effects setting (Off, Subtle, Expressive) adds gentle scroll-tied movement to many of them. See Accessibility and motion.
(Without JavaScript)
Every section shows its content with JavaScript turned off: carousels become swipe rows, disclosures use native HTML, and forms post normally.