Skip to main content

Adding to Your Store

Make your Collection Bundle visible by adding the app block to your theme.

Updated yesterday

Step 1: Create a Bundle Template

We recommend creating a dedicated product template for your collection 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 (or Duplicate template, depending on your theme)

  4. Name it something like mod-collection-bundle

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

  6. Click Add block → Apps → Collection Bundle

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

  8. Click Save

Adding to a Page or Collection Template

If you want to display a collection 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 Apps → Collection Bundle

  5. Click the Collection 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

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-collection-bundle (or whatever you named it)

  4. Save

Assigning a product to a template

Step 3: Test

  1. Visit the bundle page on your storefront

  2. Navigate through each step

  3. Make selections and add to cart

  4. Verify contents and pricing

Troubleshooting

  • Bundle not showing — Is the block added? Is the product published? Is the correct template assigned?

  • Steps not displaying — Check all steps have collections with published products

  • Selections not working — Check for JavaScript errors (F12 → Console); test in incognito mode

See Bundle Not Showing on Storefront

Related Articles

Did this answer your question?