These are the sections that carry copy, photography, and brand story. They sit between the hero and the product surfaces — quietly framing the catalog rather than competing with it.Documentation Index
Fetch the complete documentation index at: https://voyage-theme.fasil.in/llms.txt
Use this file to discover all available pages before exploring further.
| Section | Pattern |
|---|---|
| Home · Chapters | Two-up editorial tiles with a single SHOP NOW button per tile. |
| Home · Club | Full-bleed membership / community CTA over an image. |
| Image with text | Paired image + copy column, side-toggleable. |
| Multicolumn | 2–4 column grid of icons or images + copy. |
| Rich text | Eyebrow + heading + body + button stack, width-constrained for readability. |
| Testimonials | Press / customer / editor quote grid with optional stars. |
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
The script-font section heading.
Scales the heading 60–140%.
Blocks
Chapter tile (max 2)
The schema caps the section at exactly two tiles.Uppercase label rendered on the tile center.
Button text under the label.
Tile image. Renders responsive
srcset (400 / 800 / 1400 widths).Unsplash photo ID used if no image is set — for preview / demo only.
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
Script heading.
Scales the heading 60–140%.
Body copy below the heading.
Button text.
Link destination. Falls back to
/account/register.Full-bleed background image.
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
The image.
Image aspect ratio. Options:
portrait (4:5), square (1:1), landscape (4:3).Horizontal focal point 0–100%.
Vertical focal point 0–100%.
Layout
Image position on desktop. Options:
left, right.Vertical alignment of the text column. Options:
top, center, bottom.Blocks
Eyebrow (limit 1)
Eyebrow text.
Heading (limit 1)
Optional script word that precedes the heading.
Serif heading.
Body (limit 1)
Body paragraph (rich text).
Bulleted list (limit 1)
List item 1.
List item 2.
List item 3.
Optional list item 4.
Button (limit 2)
Button text.
Button destination.
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)
Optional eyebrow above the heading.
Section heading. Renders only when set.
Subheading body (rich text).
Layout
Number of columns on desktop. Options:
2, 3, 4.Text alignment within each column. Options:
left, center.Shape of the column image. Options:
circle, square, portrait.Color
Section background color. Optional.
Blocks
Column (no max)
Column image. Optional — if blank, the
icon setting is used instead.Icon to render when no image is set. Options:
none, anchor, compass, heart, shield, leaf, globe, truck, lock.Column heading.
Column body.
Optional column link label.
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
Text alignment. Options:
left, center.Max content width. Options:
narrow, medium, wide.Top padding in pixels. Range 0–200, step 8.
Bottom padding in pixels.
Color
Section background color.
Section text color.
Blocks
Eyebrow (limit 1)
Eyebrow text.
Heading (limit 1)
Optional script word that precedes the heading.
Serif heading.
Body (limit 1)
Body paragraph (rich text).
Divider rule (limit 2)
No settings. Renders a hairline<hr>. Useful for breaking long copy into sections.
Button (limit 2)
Button text.
Button destination.
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
Eyebrow above the heading.
Optional script word that precedes the heading.
Section heading.
Layout
Columns on desktop. Options:
1, 2, 3.Blocks
Testimonial (no max)
The quote body. Rich text — supports basic formatting.
Attribution name.
Attribution title or publication.
Optional avatar photo. Rendered as a small circular thumb next to the attribution.
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.