Add Separate Products to cart as package based on variant choices

USEG1
Visitor
2 0 1

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! 

Replies 4 (4)

Made4uo-Ribe
Shopify Partner
6032 1447 1784

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


USEG1
Visitor
2 0 1

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
Shopify Partner
6032 1447 1784

Hi @USEG1 

 

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

Made4uoRibe_0-1694064994620.png

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


EasifyApps-Zoe
Shopify Partner
582 14 44

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 😊.

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support