Chapter 04 · Online Store 2.0 Architecture

Sections & templates reference

Every page in Averdane is built with native Online Store 2.0 JSON templates, section groups, and drag-and-drop blocks. All interactive sections support live Theme Editor addition, reordering, and color scheme switching without page reloads.

1. Included templates (22 total)

In the Theme Editor top bar—or when assigning a Theme template to a Product, Collection, or Page in Shopify Admin—you have access to all 13 core Shopify templates plus 9 purpose-built fashion editorial page templates:

Template file	Admin assignment	Primary role
`templates/index.json`	Home page	Editorial opening, collection lines, runway sequence, lookbooks, and journal.
`templates/product.json`	Default product	4-layout gallery, buy zone, alterations, product details, complete the look, reviews.
`templates/collection.json`	Default collection	Architectural header, sub-category links, 2/3/4 column toggle, faceted filters, quick add.
`templates/collection.sale.json`	`sale` collection	Dedicated Sale destination header with department/category nav and sale-ended state.
`templates/list-collections.json`	Collections list	Featured collection plates plus image-or-title wardrobe index with item counts.
`templates/cart.json`	Cart	Full-page shopping bag with gift options, alteration line tags, and shipping progress.
`templates/blog.json` & `article.json`	Blog & Article	Asymmetric editorial journal listing and 66 ch long-form article with masthead credits.
`templates/search.json`	Search	Tabbed Product, Journal, and Page search results with full faceted filtering.
`templates/gift_card.liquid`	Issued gift card	Hang-tag gift card view with live balance, QR code, copyable code, and Apple Wallet.
`templates/404.json` & `password.json`	404 & Password	Recovery search/links on 404; pre-launch newsletter & password access gate.
`templates/page.json`	Default page	Clean long-form page with optional breadcrumb and automatic table of contents.
`templates/page.about.json`	`about` page	House story: About opening, Brand statement, Material and garment, Chapters.
`templates/page.size-guide.json`	`size-guide` page	Unit-switching body & international charts, How to measure, and fit silhouettes.
`templates/page.alterations.json`	`alterations` page	Chalk-line garment pin map, before/after fit studies, and online alteration walkthrough.
`templates/page.materials.json`	`materials` page	Swatch index, cloth-to-garment chapters, surface finishes, and fiber blends.
`templates/page.care-repairs.json`	`care-repairs` page	Material care tabs, garment label hierarchy, coat repair map, and repair intake steps.
`templates/page.gift.json`	`gift` page	Seasonal gifting paths, curated gift edit, gift card denominations, and wrap showcase.
`templates/page.shipping-returns.json`	`shipping-returns` page	Outbound delivery rail, international duties, inbound return window, and refund stages.
`templates/page.stockists.json`	`stockists` page	Location finder, own stores, auto-scaling global stockist ledger, and schematic map.
`templates/page.contact.json`	`contact` page	Client care contact form, showroom details, service links, and quick answers.

2. Home page & storytelling sections

Click Add section on any JSON template to insert any of Averdane’s preset sections:

Hero: Full-bleed or framed seasonal opening with editorial typography, primary/secondary links, and LCP-prioritized responsive photography.
Scrolling text bar: Continuous announcement ticker (Paper or Ink scheme) with optional ISO 8601 Countdown timer (YYYY-MM-DDTHH:MM:SS) that hides cleanly rather than resetting deceptively.
Collection lines: Structured category showcase highlighting key departments or seasonal capsules with live product counts.
Wardrobe index: Typographic & photographic garment index designed for rapid catalog scanning.
Runway sequence: Numbered look-by-look horizontal/grid sequence ideal for seasonal lookbooks and collection launches.
Shoppable look: Pairs a full-length styling plate with interactive product cards for every piece worn in the photograph.
Featured product: Brings full variant selection, gallery zoom, and Add to bag onto the home page or editorial pages.
Cloth library: Editorial textile showcase introducing the tactile qualities of your core fabrics right on the home page.
Video lookbook: Vertical 9:16 motion reels paired directly with shoppable product cards.
Video: Wide-format self-hosted Shopify video or YouTube/Vimeo cinema frame with custom cover image.
Image with text, Images, Rich text, & Collapsible content: Versatile editorial building blocks with Narrow, Standard, and Wide measure controls.
Journal & Email signup: Editorial blog dispatches and newsletter subscription band.
Shopping services: Concise atelier value propositions (for example complimentary alterations, garment care, or express dispatch).
Custom Liquid: Safely embed app snippets or custom Liquid markup with optional page margins and section spacing toggles.

3. Header & overlay groups

Announcement: Single-line top bar (~45 characters recommended so it never wraps awkwardly on 375 px mobile screens).
Promotional popup: Configurable in the Footer/Overlay group with three Display mode states (Enabled, Testing mode for Theme Editor previewing, and Disabled), three Popup style layouts (Center modal, Bottom right card, Bottom left card), delay and scroll-depth triggers, session/day frequency rules, optional discount code copy box, newsletter signup, and an optional minimized bottom reopen tab.