Product pages

Manifest currently ships two product templates: the default Product Chapters page and the Product Stage set page. Choose the structure that suits the product, then configure its blocks.

Default product — explanation first

The page reads top to bottom as a narrative. Sections of the story alternate down the page, with the buying column pinned alongside rather than pushed below the fold.

Use it when the product needs explaining before it can be sold. High price points, unfamiliar categories, anything where the customer’s real question is “why does this cost that”.

Below Product chapters, the sections follow the questions a customer asks in turn, moving from story to reference as the page goes down:

1. Benefits and suitability: is it for me?
2. Protocol timeline: how do I use it?
3. Ingredient atlas: why does it work?
4. Before after comparison: does it visibly work?
5. Proof ledger: what testing, sourcing, and standards stand behind it?
6. Product reviews: what do other customers say?
7. Product dossier: the fine print, such as warnings, size, storage, and sourcing.
8. Product routine: which complete routines include it?
9. Related products: what else goes with it?

Proof sits together before the reference detail, and the page ends with where to go next, once the customer has decided. Product routine links to the routine pages assigned to the product; each of those pages carries the full Routine builder, so the product page shows a preview rather than a second builder. Product routine hides itself on products with no routine pages assigned.

The before after comparison reads each product’s own custom.before_images and custom.after_images list metafields, paired in order, with optional captions from custom.comparison_captions. A product without both lists does not show the section at all, so the page only grows for products that have real photographs to compare. It sits next to Product reviews, in the same color scheme, so seeing the result and hearing from customers read as one part of the page. The set template leaves it out: a photographed change cannot be credited to any single product in a kit.

Proof ledger shows by default. Replace its starter records with your own test results, certifications, and standards before you publish, or hide it until you have them.

Formula comparison ships in place but hidden, between Product dossier and Product routine. Show it when you sell a range of similar formulas.

Set — the kit page

The set template opens with Product Stage: immersive product media and a focused purchase card. Use it for kits, sets, bundles, and duos sold as one Shopify product.

The purchase card runs from identity, title, rating, and a short benefit through price, variant selection, purchase options, quantity, and Buy buttons. It ends with reassurance and a closed Shipping and returns panel. Select the store’s policy page for that panel; it stays hidden until content is provided. Optional description, metadata, inventory, complementary products, share, and pickup blocks remain disabled for later use.

Below the stage:

1. Evidence cards: what is included, with each product’s own image and facts.
2. Product routine: how to use the set, previewing the routine pages that include its products and linking to each full routine.
3. Benefits and suitability: who the set is for.
4. Proof ledger: the testing and standards behind the set.
5. Product reviews: feedback on the set.
6. Product dossier: set-specific details and precautions. Configure the copy for the whole set and link to component product pages for individual ingredient lists.
7. Formula comparison: each included product side by side, across the same rows.
8. Related products: alternatives and further discovery.

Proof ledger shows by default; replace its starter records with set-specific evidence before you publish. Formula comparison reads the same Set contents list as Evidence cards and hides itself when that list is empty. On the set page, Product routine follows the contents directly because it is how the customer learns to use them: it matches the routine pages against the included products and highlights every step the set covers. There is no separate Protocol timeline or Routine builder; the full step-by-step routine lives on the linked routine page.

Create a product metafield named custom.set_contents with type List of products and fill it separately on each set product. Evidence cards displays up to eight included products; Product routine matches routine pages against the same list, and Formula comparison shows the first six as columns. Manual card pickers remain fallbacks for Evidence cards. See Routines for matching and setup.

The theme displays the contents; it does not define the underlying bundle inventory or pricing. Product Stage buys the set product. Evidence cards purchase actions buy individual components separately.

Choosing per product

You do not have to pick one for the whole catalog. Shopify supports alternate templates, and Manifest ships the default product template and the set template.

Template	Shows in the dropdown as	Built for
Product chapters	Default product	Considered purchases that need explaining
Product stage	set	Kits, sets, bundles, duos

To assign a different product page to a specific product:

1. Go to Products in your Shopify admin and open the product.
2. Scroll to the Online store card in the right sidebar.
3. Under Theme template, choose the alternate template.
4. Save.

The product now renders with that layout. Everything else about the product — its data, its URL, its position in collections — is unchanged.

Use Product Chapters for individual products that need explanation and Product Stage for sets with strong photography. Both share the same core product and variant purchase behavior.

The buying column

Both architectures share the same buying column, built from blocks you can reorder:

• Product title, vendor, and price, including compare-at and unit pricing
• Variant selectors — one control per option, not a single combined dropdown
• Quantity selector
• Add to cart, with accelerated checkout buttons beneath
• Selling plan selector for subscription products
• Gift card recipient fields for gift card products
• Pickup availability
• Delivery estimate, with an optional countdown to your daily order cutoff
• Share

The default product template keeps its buying column short on purpose. The product description sits under the price as a three-line excerpt with a Read more button, so a long description never pushes the buy button off the first screen. The column ends with a single Shipping and returns disclosure, because benefits, ingredients, and how to use each have their own section further down the page. Adding a Collapsible information block for any of those three repeats content the page already shows.

The Product description block offers three display styles: Full content, Excerpt, and Collapsible. Excerpt shows the number of lines set under Visible lines (two to six) and expands the rest in place. Without JavaScript the full description shows.

Reorder these in the theme editor by dragging. The one constraint worth knowing: accelerated checkout buttons are rendered by Shopify with Shopify’s own styling, and their appearance is not customizable — that is a platform rule, not a theme limitation.

Sticky add to cart

Both product layouts offer independent Show sticky add to cart on mobile and Show sticky add to cart on desktop options inside Buy buttons, enabled by default. After shoppers scroll past the main buy button, desktop shows a compact floating purchase card in the lower-right corner. A slim horizontal layout places the Shopify product’s featured-image thumbnail and title beside the priced button, leaving most of the page clear. Products without a featured image show just the title and button. Mobile keeps a slim bottom bar without the thumbnail. Both hide when the main button returns to view or an overlay opens. It uses the existing product form, so the selected variant, quantity, purchase option, price label, and availability stay in sync. Turn off either option to limit the bar to the other screen size, or both to remove it.

Both shipped product templates enable Show price on the add to cart button in Buy buttons. The main and sticky buttons show the selected purchase total, updating when the variant, quantity, or purchase option changes. Turn this setting off to show only the action label on both buttons.

Variant behavior

Manifest selects the first available variant on load rather than the first variant. If your size small is sold out, the page opens on a size that can actually be bought.

When a variant is unavailable, add to cart is disabled rather than hidden, and the reason is announced to assistive technology. Variant changes update the price, availability, and the gallery in place, without a page reload — and the change is announced rather than happening silently.

With JavaScript disabled, variant selection still works. It submits a form and reloads the page, which is slower and entirely functional.

Media

The gallery supports images, video, 3D models, YouTube, and Vimeo. A few notes:

• Nothing loads until it is needed. Video and 3D model files are not fetched on page load, only when a visitor interacts with that media item. This is a significant part of why product pages stay fast.
• Video does not autoplay with sound. Space bar pauses.
• 3D models need Shopify’s model viewer, which loads on interaction.
• Switching tabs pauses playing media.

Product recommendations

The related products section uses Shopify’s recommendation engine, which learns from your store’s own order history. It needs sales data to be useful — on a new store it falls back to products from the same collection.

Complementary products are set manually through Shopify’s Search & Discovery app, and are worth the effort for products that genuinely pair.

Reviews

Manifest does not collect reviews. It provides an app block surface on the product page where a review app renders, plus a ratings summary that appears when rating data exists on the product.

Install a review app, add its block to the product page in the theme editor, and the rest follows. If you have no review app, the section stays empty rather than showing fabricated ratings.