Add Separate Products to cart as package based on variant choices

[USEG1]

Hello, I have a unique need that I have been unable to find a solution for so far... .I have many products, which are often sold as part of a customized package. Basically I have my product page, which has various variants. Based on the variants selected I need to add a bunch of individual products to the cart as a 'package'. The primary reason is for backend fulfillment and processing. They really really need the individual line items/sku's. 

Example:
I have a product called "Ski Set". 
It has Options such as:
1. Boot Color: Blue, Red, Pink
2. Size: Small, Medium, Large
3. Pole Size: Short, Long

Based on the options selected, (e.g. Red, Medium, Long in this example). 
The Cart would look like:
Ski Set Package - $599
Red Medium Ski Boots - $0
Long Poles - $0 
Free Hat - $0 
Free Gloves - $0


Something like that! 

[Made4uo-Ribe]

Hi @USEG1 

I would suggest using a variant metafield to tie the package to the variant. You then need to write a code to add the certain package using javascript. Since this is a very customized request, you will need to hire a developer to write the code for you. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[USEG1]

I can write some code 🙂 What is a variant metafield and how would that tie the package together? 

Then you suggest using javascript to add to the cart? Hmmm wouldn't this be more of a backend thing then a front end JS thing. I'm not sure how to add to the cart in javascript, but I can figure it out 🙂 

I was really hoping for some extension to get me 90% of the way toward this goal. 

[Made4uo-Ribe]

Hi @USEG1 

You need to add a variant metafield to call the product package associated with a variant. See metafield settings below

When set-up, you need to call this variant metafield and place it where you want it in your product to hide and show. You will need to add HTML code. Since, you want the package to change according to the options selected (variant selected) by your customer, you will need a javascript to hide and show the package and add the said package to the cart when customer click the add to cart button. You can use a fetch function to do. I cannot provide you 90% of the information since it depends on your theme and will need to debug. You can try using AI, but they are not accurate

[EasifyApps-Zoe]

Hi @USEG1,

Creating custom packages, as you mentioned, isn't a complex task. However, I'd like to understand your inventory management requirements better in order to provide suitable solutions 😊.