App For Mix'n'Match Bundles on Product Page

I have tried numerous bundle apps but so far none have the functionality I’m looking for. I want there to be 2 carousels (or something similar) in a little Create a Collection Kit box in the product block on product pages.

I sell hoodies, tees, and accessories. I’d like to let customers who are buying a hoodie add a tee and accessory from the same collection to get the kit.

I don’t want them to have to leave the hoodie product page, and I don’t want a separate bundle product page.

I’d like one carousel to show the Accessories they can choose from and one that shows the tees they can choose from. Once they’ve selected one or both, they are given a bundle discount on the bundle.

It’s essentially a build your own bundle with selection constraints that displays sleekly on the product page.

This is as close as I’ve gotten, but it only allows one carousel.

Anyone have any ideas on how I can do this please? Thank you!

I am not sure how much will this meet your requirements but I kind of build a mix and match bundle or atleast something close.

Password: reafur

Look at the section section on the homepage or a product named bundled discounted collection. This is purely custom code. Ofcourse this will need to be edited to purely match your requirements.

Best

Thanks @Shadab_dev This looks like a pretty standard bundle product, which can be created using Shopify free features. I want the limited selection carousels to be on the product page.

I know this is pretty much basic but it is about the idea.

Anyway can you share some examples of site where you have seen this or may be better screenshots and examples. The main thing here is achieving the product structure, the ui can be worked upon.

Best

Hi SmashGrrrl,

This is a fantastic UX concept. Keeping the buyer on the main product page drastically reduces friction and encourages higher AOV. However, you are absolutely right that most bundle apps on the market either force a redirect to a dedicated “Build a Box” landing page or restrict you to a single, mixed carousel.

To achieve your exact setup—the main Hoodie product + Carousel 1 (Tees) + Carousel 2 (Accessories) + an automatic bundle discount—you need an app that deeply integrates with Shopify 2.0 App Blocks. This allows you to stack multiple, independent widgets seamlessly on your product template.

Here are the best apps I recommend to accomplish this specific layout:

1. Selleasy ‑ Upsell & Cross Sell

While it’s marketed primarily as an upsell app, Selleasy is incredibly powerful for on-page product add-ons and fits your UI requirement perfectly.

  • How it works for you: You can create two completely separate “Frequently Bought Together” or “Product Add-on” widgets. You source Widget A from your Tees collection and Widget B from your Accessories collection.

  • The UI: In your Theme Editor, you simply drop these two distinct App Blocks right below the Hoodie’s “Add to Cart” button. You can configure both to display as carousels.

  • The Discount: The app allows you to apply an automatic bundle discount when items from these specific widgets are added to the cart together.

2. EB | Easy Bundle Builder

If you need stricter bundle logic or want to manage it as a true “Mix and Match” package, this is a highly customizable choice.

  • How it works for you: EB is built specifically for “Build Your Own Bundle” models. It allows you to display multi-step or multi-group selections directly on the product page.

  • The UI: You can set up selection groups (Group 1: Tees, Group 2: Accessories). While the native layout might differ slightly from a standard double-carousel, it keeps the user entirely on the product page with a very sleek selection process.

  • The Discount: It handles volume, fixed price, and percentage bundle discounts natively.

A quick pro-tip: If you go with an app like Selleasy that relies on App Blocks, you might just need a tiny bit of Custom CSS to ensure the spacing and arrows of the two carousels look perfectly flush with your specific theme.

Hope this points you in the right direction! Let me know if you run into any formatting issues once you start testing them.

If you’ve found an app that’s already close to what you need, it’s worth reaching out directly to their support team.

A lot of bundle apps offer custom tweaks or small feature adjustments, especially if it helps them win a new merchant. Since your use case isn’t completely outside the scope of what bundle apps normally do, they may be willing to adapt it (for example, enabling a second carousel or adjusting the selection logic).

There’s no downside to asking. At best, they implement it or suggest a workaround. At worst, you’re exactly where you are now.

Definitely worth trying before going fully custom.

Hi @SmashGrrrl,

To display additional products directly on the same product page (so customers can easily select them without being redirected to another page), I recommend using the Mix & Match Bundle feature of the BOGOS app.

This feature allows you to suggest products that customers may want to purchase together with the main product. It can also function similarly to a “Frequently Bought Together” widget.

Below is a demo image showing how the bundle appears on a store:

Untitled design (2)

Hey @SmashGrrrl, I’m Alexis from Kefi Product Bundle Builder.

It sounds like you’re looking for something beyond standard bundle apps. When customers have to leave the product page or navigate multiple pages to create a bundle, it can hurt conversion and disrupt the buying flow.

With keficommerce.com, you can create a mix & match bundle experience directly on the hoodie product page. One carousel can show Accessories, another can show Tees, and customers can pick one or both to build their own bundle. Each selection can automatically apply bundle discounts, enforce selection rules, and keep the experience seamless and visually appealing. This way, your mix & match bundles feel intuitive and increase both conversion and average order value without requiring a separate bundle page.

If you’d like, I can suggest a setup tailored to your hoodie, tee, and accessory collections and walk you through how we’d implement it. Do let me know. :grinning_face_with_smiling_eyes:

Hello @SmashGrrrl,

This is a really cool use case and I can tell you’ve put a lot of thought into the customer experience.

What you’re describing is definitely achievable. The key is finding a bundle app that supports “product groups”, this lets you create multiple selection areas (like your two carousels) within a single bundle widget on the product page.

So instead of one big carousel mixing everything together, you’d have:
• Group 1: Tees from the collection
• Group 2: Accessories from the collection

Each group displays separately, customer picks from one or both, and the discount applies at cart. No separate bundle page needed.

A few things to check when evaluating apps:

  1. Does it support multiple product groups per bundle?
  2. Can the widget display directly on product pages (not just a dedicated bundle page)?
  3. Can you set conditional discounts (e.g., discount only when X items selected)?

I work with Simple Bundles and we support this setup, but definitely explore your options and find what fits best for your store. Happy to answer any questions if helpful! :sparkles:

Hi :hand_with_fingers_splayed:

Most bundle setups focus on grouping products, not on a flexible selection process for users. As a result, when you want customers to make multiple constrained choices on the same product page, most apps start to struggle.

What usually works better is a guided add-on flow.

From what I’ve seen, the tricky part is the UI layer. Two independent selectors often need some light theme customization

It looks like an upsell widget on the PDP than a bundle builder. If it only shows a few items for upsell. You may look for other upsell apps that show offers on PDP

Hello @SmashGrrrl,

Based on your requirement, I’d suggest trying Push Bundle – Build a Box.

Using their cross-sell bundle feature, you can create a “Create a Collection Kit” section directly on the hoodie product page, so customers don’t need to leave the page or visit a separate bundle page.

Here’s how it can meet your requirement:

  1. You can show a Collection Kit box directly on the hoodie product page. No separate page is needed.
  2. Customers can choose just the hoodie if they want, but you can also attract them with frequently bought together products — tees and accessories from the same collection — displayed in the cross-sell bundle.
  3. This way, when customers pick a hoodie from the Collection Kit bundle, they see the optional tee and accessory with a good discount, encouraging them to add more items while reducing cart abandonment.
  4. Customers will be able to add the entire collection kit to the cart with a single Add to Cart action.

When customers add a hoodie along with a tee and accessory, the app can apply an automatic bundle discount, creating a smooth build-your-own bundle experience directly on the product page.

I’ve shared a demo so you can see how this works in practice.
Recording 1202

If you’d like more customization, I recommend contacting the Push Bundle support team as they can help align the setup closely with your exact needs. They are available 24/7 on live chat.

The app also provides a 14-day free trial, so you can test everything before committing. I hope this will help you.
Thank you.

You’re basically looking for a build-your-own bundle directly on the product page with category constraints, which many bundle apps struggle with.

One approach that works is using a mix-and-match bundle widget embedded on the product page. It lets you show products from specific collections like tees and accessories in separate sections, so customers can select items without leaving the hoodie page. Once the required items are selected, the bundle discount is applied automatically.

Some apps support this kind of setup with collection-based product pickers and quantity rules so that you can structure it like hoodie + 1 tee + 1 accessory for a discount.

Here’s an example of a carousel to show the Accessories.

If you can’t find an app that supports multiple product groups/carousels, another option is implementing a custom section or block in your theme and connecting it to a bundle app’s backend rules. That way, you keep the UX exactly how you want it.