Skip to main content

Related bundles

Showing bundle products as suggestions on component product pages

Updated over a week ago


Overview

The Related Bundles feature allows you to suggest bundles to customers on normal product pages.

For example, you could suggest the 'Mix and Match Cookie 6 Pack Bundle' on the individual 'Chocolate Cookie' product page.

Think of it as similar to the Related products feature that comes with most Shopify themes and the Search and Discovery app, but instead for your Biscuits Bundles specifically.

Watch the tutorial on YouTube:


How it works

After creating at least one bundle inside the app, you can then start assigning that bundle to show on the individual component product pages.

  • You select a bundle to manage related bundles for.

  • We load that bundle’s components (products/variants) and let you choose which component product pages show a link or suggestion to the bundle you've selected.

  • You can add, remove, and reorder the related bundles for:

    • Individual variants, or

    • All variants of a product at once (when their related lists are identical).



Before you start

  • In your theme editor, add the “Related Bundles” app block to the product template(s) where you want related bundles to appear.

  • The 'Related Bundles' app block is different to the standard Biscuits Bundle Builder app block.

  • If the app block is missing or misconfigured, the app may show a banner with a quick link to fix it.



Set up Related Bundles

  1. Open the Related Bundles page in the app.

  2. Choose one of your bundles from the dropdown.

  3. All of the components for that appear inside the bundle will load for you to manage them.

  4. Select the variants you want to update (use the checkboxes, or the thumbnails).

  5. Use the actions:

    • Add current bundle: Adds the chosen bundle as a related item to the selected variants.

    • Remove current bundle: Removes it from the selected variants.

  6. Open a product row to adjust at the variant level:

    • Drag to reorder related bundles.

    • Click to remove an item from a single variant.

  7. Use the product’s summary row when all child variants have the same list:

    • Reorder once to update all of its variants together.

  8. Click Save when the Save bar appears.

  9. You can then view the individual component products product page to see the bundle appear as a suggestion.



Things to keep in mind

  • Max shown: Up to 10 related bundles are displayed on the storefront. You can save more, but extras will be hidden to shoppers.

  • Per-variant control: Each variant can have its own related list. The list will change when the variant is changed on the product page.

  • Per-product summary: When all variants under a product match, you’ll see one unified list you can reorder/remove in one go.

  • Tabs and filters: Use tabs to focus on variants by step (or see All steps).



Troubleshooting

  • Nothing appears on product pages

    • Ensure the “Related Bundles” app block is added to that product’s template in the theme editor.

    • Check that at least one related bundle is configured for the product’s variant.

  • I saved more than 10 related bundles

    • Only 10 are shown on the storefront; reorder to prioritize what’s visible.

  • I changed theme or templates

    • Re-add the app block to the new/different product template if needed.

  • Changes not reflected

    • Verify you clicked Save in the app.

    • Refresh the product page and check that you’re viewing the correct template.


Check out Related Bundles examples on our demo store!



Did this answer your question?