Product Page — Brand Story Template

A storytelling-heavy product page: the buy area comes first, followed by brand and lifestyle content sections.

Overview

Sections flow

1. main-product (includes inventory, tabs, contact and share blocks)
2. background-image-text — large lifestyle statement
3. text-and-image × 2 — story blocks
4. testimonials
5. product-recommendations
6. recently-viewed
7. collection-return

Step-by-step user journey

Step 1 — Buy module first

1. Gallery, price, variants and add to cart — the same as the default product page
2. Size chart follows the same metafield / page / hide-collections rules as the default PDP (Size chart reference)
3. Inventory status (if that block is on)
4. Tabs, contact and share

Step 2 — Scroll through the brand story

1. Read the background image and text section
2. Text-and-image blocks cover the product story, materials and makers

Step 3 — Social proof

1. Read the testimonials
2. Once trust is established, browse the recommendations

Step 4 — Exit paths

1. Related products
2. Recently viewed
3. Back to the listing via the collection return link

When to use it

• Hero and campaign products
• High AOV items where the story lifts conversion
• Lookbook-style products

Theme Editor settings

Each section below links to its full settings reference — every setting with id, type, default and a screenshot of the panel.

Full index: settings reference

Related files

templates/product.brand-story.json
sections/main-product.liquid
sections/background-image-text.liquid
sections/text-and-image.liquid
sections/testimonials.liquid
sections/collection-return.liquid