Custom Add To Cart Bundle (Add multiple variants to cart with one click)

[Nonleaf24]

Hi everyone,

I'm trying to create a bundle of a product. The customer should be able to select (1) item, (2) items or (3) items. I already have the design somewhat done, however, the product has 4 colors with 4 SKU's. I'm trying to create a solution that lets the customer select which color he wants for each item, e.g. 1st item = Blue, 2nd item = Green. 

Is there any way we can add both to cart without the need to have a dedicated SKU for the option (as an example) (Blue, Green) that has both in it? I wanted to do it in a clean way, like actually add the options the customer selected and consequently apply the discount. (Also might need an app for this, please enlighten me)

Thanks in advance to anyone who helps, cheers. 

[BundleSync]

Hi

There are 2 different types of bundle apps.

One type is creating custom pages in your theme and letting your buyers select different items as part of a bundle before check out. These are then added as individual order lines. Check on the app store for these. This is probably what you are after as lets you add a discount to the bundle.

Other type is creating a single product that states it contains a certain set of components. You would need to use a third party app to bundle each kit up with the relevant SKUs.

May not work for what you are after especially if the user can choose between products but you could set up options like:

• Option 1 - Product A Colour
• Option 2 - Product B Colour
• Option 3 - Product C Colour

You could set a default of no product option on each so the customer doesn't need to select one of each. 

When all options are selected the product that is added to checkout. The buyer doesn't see all the components in cart but rather just one product. This is beneficial as they can't remove items and also you don't need a discount code for the bundle so other discount codes can be used instead.

Couple of things you need to consider is fulfilment and inventory management. Our bundle app will let you connect up all your products to correct SKUs and we then update their inventory based on the component stock level. So in above example if one of the products is out of stock the bundle will show out of stock.

We also have the additional option of unbundling orders made for a bundled product into the component SKUs post purchase. This way the order lines are only for components and can be fulfilled as per normal.

If you need assistance in setting up and testing please get in touch or check our guide:

https://help.channelup.com.au/hc/en-us/articles/900004620086-Bundleup-Guide-for-Shopify

Regards

Tom

[jam_chan]

Hi @Nonleaf24,

If you don't want a dedicated SKU for the option, very likely you want individual items added to the cart.

If you can code it yourself, you can create an alternate product template and use cart ajax to add the items to the cart. 

My app, BYOB also uses a similar methodology. Here is a sample bundle for your reference. You can visit other bundles in the demo collection if you are interested.

[Nonleaf24]

Hi Sillycube,

Yes, I wanted to add individual items to the cart using cart ajax, I'm just not sure how I could go about this.