The homepage in Voyager is built from six default sections, each independently configurable. You can add more, remove any, and reorder freely.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.
Add or hide a homepage section
Open the home template in the Theme Editor
Top bar → Home page (the dropdown next to the storefront preview).
To hide a section
Click the section in the left rail → click the eye icon at the top of the settings panel. Hidden sections stay in the template — toggle the eye again to bring them back.
To remove a section permanently
Click the section → click the trash icon. The section is removed from the template, but its settings are forgotten — don’t do this if you might add it back later.
Reorder sections
In the left rail, grab a section by its handle (six dots on the left of the row) and drag. Voyager uses standard Shopify section ordering — order matters, top is what visitors see first.Add a hero slide with video
The hero is a carousel — each slide is a block.Add a slide
Scroll to the bottom of the section’s settings → Add block → Slide. The new slide appears at the bottom of the carousel.
Upload a poster image
Poster image — 1400×900 minimum, JPG q85. This appears while the video loads and on devices with slow connections.
Upload the video
Video — MP4 or WebM, 1080p, under 4 MB. Voyager only autoplays the first slide; subsequent slides preload metadata only, so file size matters less for slides 2+.
Write the copy
Headline (script) for the eyebrow line, Headline (serif) for the main heading, Body for one-line subtext.
Set the CTAs
Button 1 and Button 2 each take a label and a URL. Button 1 is filled; Button 2 is outlined.
Change the new-arrivals collection
Pick a collection
Collection dropdown → choose the collection you want surfaced. If yours isn’t listed, create it first in Products → Collections in the Shopify admin.
Customize the category archive (6 tiles)
The category archive is a dark navy band with six collection tiles, each linking to a collection.Edit each tile
Click a tile block → set Image, Label, and Link (a collection or page URL). Six tiles is the standard; you can add up to eight or remove down to four.
Wire up the bundle hotspots
The Bundle section shows a “Complete the look” stage image with clickable hotspots — each hotspot opens a product picker.Upload the stage image
A flat-lay or styled image with clear space around each product. 1600×1200 works well.
Position each hotspot
Each Hotspot block has X (%) and Y (%) coordinates — 0 is top/left, 100 is bottom/right. Pick a product for each hotspot.
Edit the Club CTA
The Club section is a full-bleed editorial image with a membership / community call-to-action overlaid.Upload the background image
1600×900 minimum. Voyager darkens it with a CSS overlay so any photograph reads at the chosen text color.
Add a Featured Collection / Image Banner / Multicolumn
These are general-purpose sections you can drop anywhere on the homepage.| Section | When to use it |
|---|---|
| Featured collection | A second or third product grid — a separate drop, a sale collection, a curated edit |
| Image banner | A wide editorial photograph with a single CTA — typically used between product sections |
| Multicolumn | 2–4 vertical column cards — features, value props, a “house philosophy” row |
| Logo list | A press strip, “as seen in,” or stockists row |
| Testimonials | Customer quotes with avatars |
| Video | A standalone video section, not full-bleed like the hero |
| Rich text | A long-form editorial paragraph, centered |
| Image with text | A 50/50 image-plus-copy block |
| Newsletter | An inline email signup, separate from the footer one |
| Blog posts | The 2 or 3 latest articles from a chosen blog |
Where to next
PDP recipes
The product page is block-based — and there’s more to configure.
Sections reference
Every section, every setting.