Looking for App to Create Tabbed Product Bundles with "Add All to Cart" Feature

Shopify Apps
, ,

Topic summary

A user seeks a Shopify solution to create tabbed product bundles with specific requirements:

Key Features Needed:

  • Tabbed layout displaying individual products (e.g., Basic, Pro, Bundle)
  • Visual elements and descriptions under each tab
  • Bundle discount functionality
  • Single “Add All to Cart” button for the entire set

Solution Approaches Discussed:

One respondent suggested two options:

  1. Theme Customization Route:

    • Build tabs using HTML/CSS
    • Display products via dynamic handles or metafields
    • Implement AJAX call to add multiple items simultaneously
    • Apply discounts through Shopify Scripts
    • Code snippet provided for cart functionality

  2. App-Based Solution: Mentioned as alternative but no specific apps recommended

Current Status:
The original poster acknowledged limited technical ability to implement the custom code solution and requested specific app recommendations or professional assistance. The discussion remains open with no concrete app suggestions or resolution yet provided.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

exoneon_0-1749443212754.png
exoneon_0-1749443212754.png778×688 80.3 KB

I’m looking for a Shopify app (or a combination of apps) that allows me to create a clean, tabbed layout for upselling or bundling multiple products together. Specifically, I want to:

Display individual products in tabs (e.g., Basic, Pro, Bundle)

Show a visual and short description under each tab

Offer a discount for buying the full set

Have a single “Add Bundle to Cart” button that includes all items

Would love suggestions for:

  • Specific apps you’ve used
  • Whether this can be done with theme customizations
  • Any tips or gotchas to watch out for

Thanks a lot!

2

Hi,

Hope this will work

  • Either use app or you can try theme Customization

Regarding theme customization

  • Create Tabs using HTML/CSS
  • Show products inside each tab using dynamic product handles or metafields.
  • Add button that triggers an AJAX call to add all products:

Code example

fetch('/cart/add.js', {
  method: 'POST',
  body: JSON.stringify({
    items: [
      { id: VARIANT_ID_1, quantity: 1 },
      { id: VARIANT_ID_2, quantity: 1 }
    ]
  }),
  headers: { 'Content-Type': 'application/json' }
});
  • Add automatic discounts using Shopify Scripts
3

hi,

thanks for the help. Can you refer any app if we can achieve similar with? I can try using chatgpt what you have explained but would not achieve the results. If there is no app, can you help regarding this?