Name — Variant, Size, no brand names) and the template splits at the em-dash: serif display name + variant chips.variant_family → product references). Individual listings always; chips/swatches interlink siblings. Never Shopify variants.| # | Section | Gate (renders when…) | Kettle hero | Toaster appliance | Fixture lighting | Bulb | Electrical | Minimum |
|---|---|---|---|---|---|---|---|---|
| 1 | Nav · breadcrumb + brand chip | always · breadcrumb from v3 taxonomy | ● | ● | ● | ● | ● | ● |
| 2 | Hero gallery (multiply panel + 4 thumbs) | always · box render takes a thumb slot | ● | ● | ● | ● | ● | ● |
| 3 | Title split + variant chips | always · split at em-dash | ● | ● | ● | ● | ● | ● |
| 4 | Variant-family band | jessar.variant_family (metaobject ref) | ◐ | ◐ | ◐ | ◐ | ◐ | ○ |
| 5 | What's included | features non-empty (top 4–5) | ● | ● | ● | ● | ● | ● |
| 6 | Meta-row beam + CTAs | always · 3 fields by recipe | ● | ● | ● | ● | ● | ● |
| 7 | Sticky section nav + inquiry | always · links auto-derived | ● | ● | ● | ● | ● | ● |
| 8 | Heritage line (positioned above dealer CTA — not top-of-page; repetitive when browsing) | site setting (soft editorial band) | ● | ● | ● | ● | ● | ● |
| 9 | Story (video-capable) | jessar.story_body | ● | ○ | ○ | ○ | ○ | ○ |
| 10 | Benefit strip (typographic top-5) | 4+ feature bullets — 96% of catalog | ● | ● | ● | ● | ● | ◐ |
| 11 | Function grid (one component, 5 recipes) | jessar.functions JSON | ○ | ● A | ● C fit | ● B photo | ● D plate | ○ |
| 12 | Feature/function bands (image + text) | jessar.feature_bands — needs imagery | ◐ off at launch | ◐ | ◐ | ○ | ○ | ○ |
| 12b | "Up close" trio — image cards + tap-to-reveal (Our Place pattern) | jessar.use_cases with images (3) — upgrade of made-for tiles | ◐ when imagery | ◐ | ○ | ○ | ○ | ○ |
| 12c | Feature accordion + large image (Caraway pattern) | jessar.feature_bands ≥ 3 — compact alternative when page length matters | ◐ | ◐ | ○ | ○ | ○ | ○ |
| 13 | Build / materials grid (v2 4-col hairline) | jessar.materials | ● | ● | ◐ | ○ | ○ | ○ |
| 14 | Bulb-attach ("the right bulb") | bulb_base + matching bulb exists — 54% of fixtures | ○ | ○ | ● | ○ | ○ | ○ |
| 15 | Made-for tiles (image slots) | jessar.use_cases | ● | ● | ○ | ○ | ○ | ○ |
| 16 | Retail-ready (box render + case pack) | box-render media tagged | ◐ | ◐ | ◐ | ○ gallery thumb | ○ | ○ |
| 17 | Dark specs panel + PDF/sample | always | ● | ● | ● | ● | ● | ● |
| 18 | Certs strip (in dark panel) | certs / warranty populated | ◐ pending | ◐ | ◐ | ● | ● | ○ |
| 19 | Sub-brand block / compact strip | full when line narrative set; strip otherwise | ● full | ● full | ● strip | ● strip | ● strip | ● strip |
| 20 | Dealer CTA + partner wordmarks | site setting (client retailer list) | ● | ● | ● | ● | ● | ● |
| 21 | Cross-sell (family → line → category) | auto · 4 cards | ● | ● | ● | ● | ● | ● |
| 22 | Footer | always · "since 1996" | ● | ● | ● | ● | ● | ● |
Row 11: one grid component, five field recipes — A function (appliances) · B photometrics (bulbs) · C fit & installation (fixtures) · D ratings plate (electrical) · E compatibility/care (kitchen/home, covered by 13 + meta). Demo renders: hero_pdp_sm_v5 (kettle) · appliance_pdp_sm_v5_demo (toaster) · lighting_pdp_sm_v4_demo (fixture) · standard_pdp_sm_v3 (bulb) · electrical_pdp_sm_v4_demo (surge bar).
| Metafield | Type | Feeds | Data status |
|---|---|---|---|
jessar.variant_family | metaobject reference | Variant band (4) | Derivable from canonical titles — script builds metaobjects |
jessar.feature_bullets | list.text | What's included (5) · Benefit strip (10) · Features | Live — 96% have 4+ |
jessar.functions | JSON (label/value/detail + recipe key) | Function grid (11) | Extracted, staged — appliances 64 · fixtures 402 · electrical 84 · bulbs from live fields |
jessar.feature_bands | JSON (eyebrow/headline/copy/image/callouts) | Bands (12) | Copy derivable; imagery = shot list — OFF until assets |
jessar.materials · care_instructions · capacity | existing | Build split (13) · specs | Live (94% / 53% / 55% kitchen) |
jessar.bulb_base + family fields | text | Bulb-attach (14) · Fit grid | Extracted, staged — 96% of fixtures covered |
jessar.use_cases · story_body · lifestyle media | JSON / richtext / file | Made-for (15) · Story (9) | Hero-tier content — written per hero SKU (20-cap + extras) |
| box-render media (alt-tagged) | product media | Retail-ready (16) · gallery thumb | Live — 107 branded box renders + packshots pushed |
jessar.certifications · warranty | list.text / text | Certs strip (18) | Bulbs/lighting live · kitchen pending cert_request |
jessar.qty_per_package · qty_per_container · barcode | existing | Retail-ready grid · specs | Live — ~100% |
It scales up, not sideways. Today most products render the lean recipe and still look considered (typography, heritage, trust, real data). As photography, video and copy land — facility film, lifestyle shoots, the AI-imagery program — sections switch on per product with zero engineering. The site visibly improves every month without a redesign.
It's honest about today and ambitious about tomorrow. Off-by-default image sections double as the production shot list: every dark slot literally names the asset that turns it on. That's the growth plan embedded in the template.
And it's one codebase to maintain — one template, documented section by section with the RevShift comment convention, handed to Jessar as a system they can grow, not a set of pages they'll break.
Approval of this spec + the five demo renders = the structure the Hyper Liquid port builds against. Render-before-commit, per the quality bar.