Theme editor — theme settings and section list
Before you start
1 — Set the foundation
1
Open the theme editor
Online Store → Themes → your theme → Customize. Everything in this guide is done here. You never need to touch code.
2
Set your three colours
Go to Theme settings → Colors. You only have to touch three values to rebrand the entire theme:
The remaining 18 tokens derive from these and auto-adjust. Full list in Color system.
3
Upload your logo and favicon
Theme settings → Favicon and Header → Logo. The header supports a text wordmark (with an optional sub-label) or a custom image. See Branding.
2 — Build the homepage
1
Open the home page template
In the theme editor, select Home page from the template picker at the top.
2
Add the Hero Product section
Click Add section → Hero Product. Then, in the section settings, choose your flagship product under Product.
3
Add your supporting sections
Use Add section to add, then drag to reorder. This is the order we recommend:
1
Hero Product
The buy-box hero. One product, one price, one decision.
2
Bento Features
A grid of feature cards — grid, list, or bento layout.
3
Acoustic architecture
A scroll-scrubbed engineering teardown. The single most distinctive section in the theme.
4
Companion app
Showcases your mobile app with an interactive device mockup.
5
Comparison Table
You vs. the competition. Add one row per competitor.
6
Product Reviews
Pulls real review metafields and renders them in a cinematic layout.
4
Remove what you do not need
Any section can be deleted with the ⋯ → Delete menu. Leaving a section out is completely fine — the theme is designed so that a three-section homepage still looks finished.
3 — Set up the header and navigation
1
Assign your menu
Theme settings → Header → Main Navigation Menu → choose your menu. The header renders it inline from 1024px up, and in the mobile drawer below that.
2
Check the logo lockup
On a narrow phone the wordmark shrinks and the sub-label hides. Confirm the wordmark is not so long that the cart button gets pushed off-screen — if it is, shorten the wordmark or use a logo image instead.
3
Turn on search and wishlist
Theme settings → Header → Enable search. The wishlist and cart drawer are always present.
4 — Set up the product page
1
Add the product blocks you want
Open any product → Theme editor → product template → Main product. Enable blocks like Vendor, Rating, Highlights, and Trust badges to build out the buy box. Each block is toggleable and reorderable.
2
Add the same sections you have on the homepage
The product template supports Acoustic architecture, Comparison Table and Companion app too. For a product-led store, adding the architecture teardown to the product page — not just the homepage — is usually the single highest-impact change you can make.
5 — Check the essentials before launch
Does the homepage look right on a phone?
Does the homepage look right on a phone?
Narrow the browser to ~390px, or use your phone. The header collapses to logo, search, wishlist, account, cart and a drawer menu. The hero stacks image-first, then the story, then the buy box. Motion is disabled on mobile for speed.
Is the buy box adding the right product?
Is the buy box adding the right product?
Add the product to the cart and check the line item, the quantity, and the variant. If you use bulk packs, test both the single and bulk tier.
Does the cart drawer work?
Does the cart drawer work?
Click the cart button, add an item, change quantity, and remove an item. The drawer should update in place with no page reload.
Is your meta description set?
Is your meta description set?
Online Store → Preferences. A missing meta description is the single most common SEO flag on a Shopify store. VARAHI outputs the page description when one exists.
Is the store password removed?
Is the store password removed?
Online Store → Preferences → Password protection. A password-protected store cannot be indexed and cannot pass a real Lighthouse audit.
Next
Theme architecture
What every file type does, and which ones are safe to edit.
Section reference
Every section and setting, explained.