Installation Guide
🧩 BundleSuite Embed
To display your bundles correctly on your storefront, BundleSuite needs permission to inject bundle layouts into your product pages. This is done using Shopify’s App Embed feature.
✅ How to Enable the App Embed:
Go to your Shopify Admin and navigate to: Online Store → Themes
Click Customize next to your current (live) theme.
In the theme editor, click the App Embeds icon on the left sidebar (looks like a puzzle piece 🧩).
Find the toggle labelled: “BundleSuite Embed by BundleSuite”
(This is usually turned on by default — if not, enable it manually.)
Click Save in the top-right corner.
🎉 That’s it! Your bundles will now appear correctly on your product pages.
Still Confused ? Watch Tutorial ⬇️
App Blocks for Standard and Advanced Combo Bundles (Optional)
Adding these app blocks to your bundle pages is highly recommended. They allow you to edit, customize, and control the look and behaviour of each bundle so it fits perfectly with your store’s theme and preferences.
Standard Combo Bundle App Block
Use this App Block if you want to move the Standard Combo widget or customize its layout and display settings. You'll learn about customising this block in further sections.
Steps:
Open your Theme Editor
Navigate to the Product template used for this bundle
Click Add Block → Apps → Select Standard Combo Bundle
Drag and place the block where you want it to appear
Click Save.
Still Confused ? Watch Tutorial ⬇️
Advanced Combo Bundle App Block
To change the position of the Advanced Combo widget on your product page or to use customization settings, you need to use this App Block. You'll learn about customising this block in further sections.
Steps:
Open your Theme Editor
Navigate to the Product template used for this bundle
Click Add Block → Apps → Select Advanced Combo Bundle
Drag and place the block where you want it to appear
Click Save.
Still Confused ? Watch Tutorial ⬇️
📌 These blocks are optional but strongly encouraged if you want full flexibility in how your bundles appear and perform.
⚙️Additional Features
1. Bundle Components Toggle
The Bundle Components Toggle is a feature that controls how the contents of a bundle are displayed on the cart page.
✅ What It Does
When this toggle is enabled, a Show/Hide Items button will appear on the cart page. Clicking it will display the images, titles, and quantities of all the individual products included in the bundle.
When disabled, the toggle is hidden — but the included items will still be listed openly on the cart page without the option to collapse them.
✅How to Enable The Toggle
Go to your Shopify Admin and navigate to: Online Store → Themes
Click Customize next to your current (live) theme.
In the theme editor, click the App Embeds icon on the left sidebar (looks like a puzzle piece 🧩).
Find the toggle labelled: “BundleSuite Components Toggle by BundleSuite”
Switch it ON to show the collapsible toggle on the cart page
Switch it OFF to display all included items by default, without collapse
🛒 When to Enable or Disable
Enable if you want a cleaner cart layout with the ability for customers to expand and view bundle components.
Disable if you want all components to be visible by default, especially for transparency or compliance reasons.
2. Upsell (FBT) App Block
Use this App Block to show Standard Combo Bundles as upsell on individual product pages — as “Bought Together,” “Deals,” or any custom title. You'll learn about customising this block in further sections.
Steps:
Open your Theme Editor
Navigate to the Product template
Click Add Block → Apps → Select FBT: Upsell block
Drag and place the block where you want it to appear
Click Save.
Still Confused ? Watch Tutorial ⬇️
Last updated