Skip to main content

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.

Beyond the default templates/page.json, Voyager ships three alternate page templates — each designed for a specific editorial purpose. They’re available to merchants from the Theme template dropdown in the page admin, so any page can be reassigned to one of these layouts with a single click.
TemplateSectionDesigned for
page.about.jsonmain-page-aboutBrand story, heritage, manifesto
page.lookbook.jsonmain-page-lookbookSeasonal lookbook, editorial gallery
page.contact.jsonmain-contactContact form with editorial header

​
Assigning an alternate template

The merchant assigns the template from Shopify admin, not from the Theme Editor.
1

Create the page in admin

Online Store → Pages → Add page. Give it a title (for example “Heritage”, “Spring 2026 Lookbook”, “Contact”).
2

Open the Theme template dropdown

In the page editor’s right sidebar, find the section labelled Theme template. The dropdown lists every page.* template Voyager ships with.
3

Choose the right template

Pick page.about, page.lookbook, or page.contact. The page reloads with the chosen template applied.
4

Customize in the Theme Editor

Open the page in the Theme Editor (/pages/heritage?_pb=0). The sections from the chosen alternate template are now editable.
The default page.json template still applies to every page that hasn’t been explicitly reassigned — terms of service, privacy, FAQ, shipping. Only pages with a non-default template route to the alternate layouts.

​
page.about — Heritage / brand story

{
  "sections": {
    "main": { "type": "main-page-about", "settings": {} }
  },
  "order": ["main"]
}
The About template renders a long-form editorial page — designed for the brand story, the founders’ note, the manifesto. Layout:
SectionWhat it renders
Hero stripFull-bleed image with an eyebrow line (“Since 2019 · Heritage”), a script accent (“The long voyage.”), and a serif headline.
Two-column introLeft column: the brand essay (rich text). Right column: a definition list of founding facts — Founded, Studio, Atelier, Cloth.
Pull quoteCentered editorial pull-quote in script accent, with a signature.
Image gridA four-up or six-up grid of editorial images.
Trust stripA row of four icon + label trust signals — Made in studio, Lifetime repair, Worldwide shipping, Considered sourcing.
CTA bandA closing call-to-action — “Begin with the collection” or “Read the journal”.
Every block is editable from the Theme Editor — replace the founders’ photograph, retune the manifesto, swap the trust strip icons.

​
page.lookbook — Seasonal gallery

{
  "sections": {
    "main": { "type": "main-page-lookbook", "settings": {} }
  },
  "order": ["main"]
}
The Lookbook template renders a fashion-house-style editorial gallery — designed for a season drop, a campaign, or an immersive product gallery.
SectionWhat it renders
Title plateAn eyebrow line (“Summer 2026 · Edition I”), a script accent (“The long voyage.”), and a serif headline.
Editorial image gridA staggered, magazine-spread grid of images — alternating one-up, two-up, and full-bleed rows.
Caption blocksOptional caption blocks between rows — script accent + paragraph + product link.
Shop the lookA row of product cards drawn from a referenced collection, styled as PLP cards.
Closing bandA full-bleed image with overlay copy and a CTA — typically “Shop Summer” or “Begin a fitting”.
The grid uses a deliberate vertical rhythm: full-bleed image, then two-up, then one-up with a caption, then two-up again. The pattern can be tuned in the Theme Editor — each row is a block.

​
page.contact — Contact form

{
  "sections": {
    "main": { "type": "main-contact", "settings": {} }
  },
  "order": ["main"]
}
The Contact template renders Shopify’s built-in contact form helper inside Voyager’s editorial vocabulary.
SectionWhat it renders
HeaderEyebrow (“Contact”), script accent (“Write to the studio.”), serif heading (“How can we help?”).
IntroTwo- or three-sentence intro paragraph.
FormName, Email, Phone (optional), Subject, Message — all editorial-styled with floating labels.
Magnetic submitSingle primary button wrapped in .magnetic, “Send message”.
Studio blockA right-column or below-form block with the studio address, hours, and a map link.
Form submissions route to Shopify’s built-in contact endpoint and arrive in the merchant’s email. Spam protection is handled by Shopify automatically.

​
What the default page.json looks like

For comparison — the plain page.json template: 
{
  "sections": {
    "main": { "type": "main-page", "settings": {} }
  },
  "order": ["main"]
}
The main-page section renders a single centered column with page.content as rich text, prefixed by a page.title heading. It’s intentionally generic — designed for legal pages, FAQ, shipping policy, anywhere a clean reading layout is the priority.

​
Creating new alternate templates

A merchant — or developer — can add more alternate templates by creating new page.[name].json files in the code editor. Common additions:
Custom templateUse it for
page.faq.jsonFAQ with accordion blocks
page.size-guide.jsonSize guide with table + visual
page.press.jsonPress kit, downloads, logos
page.bespoke.jsonMade-to-measure landing page
Each new template appears in the Theme template dropdown automatically — no admin configuration required.

​
What’s next

Section reference

The main-page-* sections in detail.

Customization recipes

How to fork an alternate template into a new page variant.