Product page builder
A bundle builder that lives inside a product's own page instead of a landing page of its own.
Every bundle builder is one of two types, chosen when you create it. The rest of these docs mostly cover the landing page type — its own page, with categories, tabs, and a sidebar. This page covers the other type: a builder that renders inside a product's page, so shoppers build the bundle without leaving it.
Chosen once, at creation
Placement isn't a setting you flip later — it decides which options the editor offers at all. Create a new builder if you need the other type.
Why choose it
A landing-page builder is best for a whole kit that deserves its own page — "Build your own gift box". A product-page builder fits better when the bundle is a product — a bundle product page where the components are picked inline, the same way a variant picker works.
No placement step
Because it lives on the bundle's own product page, a product-page builder has none of the Builder Settings placement controls a landing-page builder has — no Online Store page, no Page URL, no embed code. Publishing it links the builder to its parent product automatically, so the theme app block finds it there by itself — you don't need to set the Bundle Builder ID manually unless that link fails, in which case the block's own Unique ID setting is the fallback.
Still needs the app embed
The app embed still has to be active in your theme — it's what renders the builder once a shopper is on the product page.
The two templates
Set on the Design tab, in the Product page template card.
| Template | Look | Best for |
|---|---|---|
| Product catalog | Every product listed inline on the page. Shoppers add straight from the list. | Small to medium product sets where scanning the whole list is fine. |
| Product slots | One tile per pick, plus one open tile per category, staying visible until the box is full. Tapping a tile opens a popup holding that category's products. | Guided, step-like picking — especially with several categories. |
The other template's settings stay saved when you switch, so comparing the two doesn't cost you your wording each time.
Product slots layout
Only shown when Product slots is selected:
| Setting | Options | What it does |
|---|---|---|
| Slot layout | One per category or One per item | One per category starts with one open tile per category (showing a count like 2 of 10) and grows a tile per pick. One per item draws every place in the box as an empty tile up front. Both let the picker take several picks in one go. |
| Orientation | Horizontal or Vertical | Horizontal wraps the slots across the page; vertical stacks them. |
Slots are named after your categories — opening one only shows that category's products. Turn on Use my own slot label instead of category names to replace that with one fixed label everywhere (Select [n], where [n] is the slot number); useful when your category names are internal and shouldn't reach shoppers.
Card shape
Independent of which template is active — it decides how one product is drawn:
| Template | Look |
|---|---|
| Quantity row | Thumbnail, name, price, and a − 1 + stepper. |
| Add row | The same row, with an Add button that turns into the stepper once tapped. |
| Tile | Image above name, price, and button — best inside a grid. |
On Add row and Tile, the button is the resting state only — once that product is in the bundle, the row swaps to the − 1 + stepper in its place, so a shopper can add a second one or back it out without leaving the row. Quantity row always shows the stepper.
If Quantity as an option is on, the tier row ("Add 2 more to save 10%") renders above the products, using the same tab and badge colors it would on a landing-page builder's sidebar.
The Add to Cart bar
Six shapes for the bar at the foot of the builder, all using the colors and wording from the Sidebar card:
| Template | Look |
|---|---|
| Classic bar | Total on the left, button fills the rest. |
| Stacked | Total line above a full-width button. |
| Price in button | One button carrying the total: Add to Cart · $49. |
| Savings first | Leads with "You save $12", then the total. |
| Progress | "2 of 3 picked" with a dot per place in the box. |
| Summary card | A boxed order summary with the button inside it. |
After Add to Cart
| Setting | What it does |
|---|---|
| Open the theme's cart drawer | Opens your theme's own cart drawer once the bundle is added, instead of leaving the shopper on the page. |
| Sticky footer with the running total | Keeps the Add to Cart bar visible as the shopper scrolls the product page. |
What's hidden on this type
A product-page builder doesn't show the Tab Button Template or Add to Cart Message (toast) cards that a landing-page builder has — there's no separate tab row or toast on a product page in this layout.
Custom templates
Custom templates gains two slots that only appear for a product-page builder, alongside the five shared ones:
| Template | Replaces |
|---|---|
| Product slot | One slot tile in the Product slots template. |
| Add to Cart bar | The footer bar covered above. |
Next
Create your first builder walks through the landing-page type step by step — the same General Settings, Products tab, and Design tab ideas carry over here, minus the placement controls this page describes.