Skip to main content

Adding a Bundle to Your Store

Your bundle is created — now make it visible to customers by adding the app block.

Updated yesterday

Step 1: Create a Bundle Template

We recommend creating a dedicated product template for your bundles rather than adding the app block to your default template.

  1. Go to Online Store → Themes → Edit theme

  2. In the template picker at the top, open your default Product template

  3. Click Create template

  4. Name it something like mod-mix-n-match-bundle

  5. Find the Product information section (sometimes called Product details — the name varies by theme)

  6. Click Add blockAppsMix & Match Bundle

  7. Position the block below the title/price and above the Add to Cart button

  8. Click Save

Navigating to the theme editor
Creating a new template
Adding an app block

Adding to a Page or Collection Template

If you want to display a bundle on a page or collection (instead of its own product page), the block can't auto-detect which bundle to show. You need to manually connect it.

  1. Go to Online Store → Themes → Edit theme

  2. In the template picker at the top, select the Page or Collection template you want to add the bundle to

  3. Find an appropriate section and click Add block

  4. Select AppsMix & Match Bundle

  5. Click the Mix & Match Bundle block you just added to open its settings

  6. Find the Bundle Product setting in the right-hand sidebar

  7. Click the product selector and search for your bundle product — this is the parent product that MOD Bundles created, not the individual products inside the bundle

  8. Select the correct bundle product

  9. Position the block where you want it to appear on the page

  10. Click Save

Bundle Product setting
Searching for a bundle product

Tip: The bundle product has the same title you gave it when creating the bundle in MOD Bundles. If you're unsure which product it is, check MOD Bundles first — the bundle's product title is shown on the edit screen.


Step 2: Assign the Template

Assign your new template to your bundle product:

  1. Go to Products in Shopify admin

  2. Find your bundle product

  3. In Theme template, select mod-mix-n-match-bundle (or whatever you named it)

  4. Save

Assigning a product to a template

Step 3: Verify

  1. Visit the bundle product page on your live store

  2. Confirm the Mix & Match interface appears

  3. Test variant selection and Add to Cart


Multiple Bundles

All bundles can use the same template — the block auto-detects which bundle to display based on the product. Create different templates only if you want different layouts.


Related Articles

Did this answer your question?