Home · Chapters — sections/home-chapters.liquid
Two-up “Shop Now” tiles. Each tile is a calm image with a centered uppercase label and a small SHOP NOW button. Photography leads — the heading sits above the grid, the tiles themselves are quiet.
Available on: All templates. Designed to sit just above the footer on the home page.
Section settings
text
default:"Men's Wardrobe"
The script-font section heading.
range
default:"100"
Scales the heading 60–140%.
Blocks
Chapter tile (max 2)
The schema caps the section at exactly two tiles.text
default:"Top Wear"
Uppercase label rendered on the tile center.
text
default:"Shop now"
Button text under the label.
image_picker
Tile image. Renders responsive
srcset (400 / 800 / 1400 widths).text
Unsplash photo ID used if no image is set — for preview / demo only.
url
Destination when the tile is clicked.
Default preset
Two tiles: “Top Wear” and “Bottom Wear.”When to use
Chapters is the home page’s quiet payoff — a two-up “menswear / womenswear” or “ready-to-wear / accessories” split, just before the footer. For a more conceptual two-up split, use the same section with a different heading and image treatment. For three or more tiles, use Home · Category archive instead.Home · Club — sections/home-club.liquid
Full-bleed editorial image with a centered script heading, short body, and a prominent button. The whole tile is a single link to the join URL; the image gently zooms on hover. Modeled on the membership-pitch pattern.
Available on: All templates. Designed to sit just above the footer on the home page.
Section settings
text
default:"Join Voyager Club"
Script heading.
range
default:"100"
Scales the heading 60–140%.
textarea
Body copy below the heading.
text
default:"Become a member"
Button text.
url
Link destination. Falls back to
/account/register.image_picker
Full-bleed background image.
text
default:"1469854523086-cc02fe5d8800"
Unsplash photo ID used if no image is set.
Blocks
None.When to use
Club is for membership, loyalty, or community-CTA moments — anything where the merchant wants a single bold ask just before the footer. The default CTA URL points at the register page, so it doubles as a soft account-creation prompt for visitors who haven’t signed up. For a smaller, multi-block content treatment, use Rich text instead.Image with text — sections/image-with-text.liquid
Paired column section: image on one side, copy block on the other. The image-side toggle (left / right) flips desktop layout; mobile always stacks image-then-text. The cloth-and-story pattern of fashion / lifestyle marketing.
Available on: All templates.
Section settings
Image
image_picker
The image.
select
default:"portrait"
Image aspect ratio. Options:
portrait (4:5), square (1:1), landscape (4:3).range
default:"50"
Horizontal focal point 0–100%.
range
default:"50"
Vertical focal point 0–100%.
Layout
select
default:"left"
Image position on desktop. Options:
left, right.select
default:"center"
Vertical alignment of the text column. Options:
top, center, bottom.Blocks
Eyebrow (limit 1)
text
default:"The cloth"
Eyebrow text.
Heading (limit 1)
text
Optional script word that precedes the heading.
text
default:"Tell the story behind the piece"
Serif heading.
Body (limit 1)
richtext
Body paragraph (rich text).
Bulleted list (limit 1)
text
default:"Made by hand"
List item 1.
text
default:"Cut and sewn in studio"
List item 2.
text
default:"Finished by hand"
List item 3.
text
Optional list item 4.
Button (limit 2)
text
default:"Read more"
Button text.
url
Button destination.
select
default:"ghost"
Button style. Options:
solid, ghost (outlined).Default preset
Eyebrow → heading → body → button.When to use
Image-with-text is the most-used editorial pattern in fashion storefronts. Use it for:- “About the cloth” — the story behind a particular fabric or process.
- “Meet the cutter” — a craftsperson profile.
- Capsule narratives — one image + one paragraph that frames a small drop.
Multicolumn — sections/multicolumn.liquid
A 2–4 column grid of icon/image + heading + body. Used for shipping/returns/repair perk rows, value-proposition bands, three-step walkthroughs.
Available on: All templates.
Section settings
Header (optional)
text
Optional eyebrow above the heading.
text
Section heading. Renders only when set.
richtext
Subheading body (rich text).
Layout
select
default:"3"
Number of columns on desktop. Options:
2, 3, 4.select
default:"center"
Text alignment within each column. Options:
left, center.select
default:"circle"
Shape of the column image. Options:
circle, square, portrait.Color
color
Section background color. Optional.
Blocks
Column (no max)
image_picker
Column image. Optional — if blank, the
icon setting is used instead.select
default:"none"
Icon to render when no image is set. Options:
none, anchor, compass, heart, shield, leaf, globe, truck, lock.text
default:"Column heading"
Column heading.
richtext
Column body.
text
Optional column link label.
url
Optional column link destination.
Default preset
Three columns: “Made by hand,” “Lifetime repair,” “Complimentary shipping.”When to use
Multicolumn is the workhorse for perk strips and value-prop bands. Use it for:- Shipping / returns / repair perks on the home page or PDP.
- A three-step walkthrough (“Choose your cloth → Be measured → Receive in studio”).
- Editor’s picks with avatars + names + roles.
Rich text — sections/rich-text.liquid
Eyebrow + heading + body + button stack. Width-constrained for editorial readability. Used for manifesto / about / chapter-divider purposes anywhere on the site.
Available on: All templates.
Section settings
Layout
select
default:"center"
Text alignment. Options:
left, center.select
default:"medium"
Max content width. Options:
narrow, medium, wide.range
default:"80"
Top padding in pixels. Range 0–200, step 8.
range
default:"80"
Bottom padding in pixels.
Color
color
Section background color.
color
Section text color.
Blocks
Eyebrow (limit 1)
text
default:"Chapter"
Eyebrow text.
Heading (limit 1)
text
Optional script word that precedes the heading.
text
default:"Talk about your story"
Serif heading.
Body (limit 1)
richtext
Body paragraph (rich text).
Divider rule (limit 2)
No settings. Renders a hairline<hr>. Useful for breaking long copy into sections.
Button (limit 2)
text
default:"Read more"
Button text.
url
Button destination.
select
default:"solid"
Button style. Options:
solid, ghost.Default preset
Eyebrow → heading → body → button.When to use
Rich text is the text-only counterpart to image-with-text. Use it for:- Manifestos and brand statements.
- Section dividers between rich content blocks.
- “About this collection” intros above a product grid.
Testimonials — sections/testimonials.liquid
Press / customer / editor quote grid. Each block holds one quote, attribution name, attribution title (publication / role), optional avatar, and optional star rating. Carousel on mobile, grid on desktop.
Available on: All templates.
Section settings
Header
text
default:"In their words"
Eyebrow above the heading.
text
Optional script word that precedes the heading.
text
default:"Press and editors"
Section heading.
Layout
select
default:"3"
Columns on desktop. Options:
1, 2, 3.Blocks
Testimonial (no max)
richtext
The quote body. Rich text — supports basic formatting.
text
default:"Editor's name"
Attribution name.
text
default:"Publication"
Attribution title or publication.
image_picker
Optional avatar photo. Rendered as a small circular thumb next to the attribution.
range
default:"0"
Star rating 0–5. Zero hides the stars row entirely.
Default preset
Three testimonial blocks, blank-defaulted for the merchant to fill in.When to use
Testimonials is for social proof — press quotes (“‘considered fashion at its best.’ — Vogue”), customer reviews, or editor picks. The star rating field makes it usable for product reviews too. For a more conversational format (single quote with image), use Image with text and put the quote in the body block.Cross-reference
Hero & banners
The visual loud sections — what editorial content sits beneath.
Commerce sections
Cart, collection, category archive, bundle.
Templates · Homepage
See how chapters and club are placed in the default home stack.