Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Bundles in shopify

Solved

Bundles in shopify

kashifjohn
Shopify Partner
29 3 9

Reference website : https://global.fizzygoblet.com/collections/bridesmaid-cant-say-i-do-without-you/products/pack-of-6-b...

 

 

how can we make bundles like this ?

kashifjohn_0-1723813051515.png

 

Ecommerce master
Accepted Solution (1)

jakeclifford
Shopify Partner
30 7 14

This is an accepted solution.

Firstly I believe these guys are using there own custom code

 

Screenshot 2024-08-17 at 8.17.20 am.png

 

There are some great Apps, just check out the demo stores which you've probably done! But the thing about most of them is there are designed to be generalist and work on every store so if you've got any specific feature's you want you could be searching for ages and then still it may not work as well as a custom solution in which there are almost endless options.

 

I'll break down some of my knowledge that may be able to help you and others that are deciding to go down the custom route and just want to demonstrate whats possible, if you do go down this route showing this to a developer might point them in the right direction 

 

Here is a demo store i built to demonstrate (Just with added product images in the selectors)

 

https://convertopti.com/collections/shoe-bundle   password - gowgah

Screenshot 2024-08-17 at 4.58.12 pm.png 

 

 

 

For this the set up is creating a collection of the required products which allows you to create the bundle feature on the collection page

 

Screenshot 2024-08-17 at 5.00.37 pm.png


And then in each of those products add an option for the size 

Screenshot 2024-08-17 at 5.03.16 pm.png

 

For the code i'll just share some key parts. The main idea is that you need to use the drop downs to select the right variant ID's within the form and you do this by conditionally rendering the correct variant size selector-

 

Here are the two main parts of the liquid, the product dropdown.

 

Screenshot 2024-08-17 at 5.14.53 pm.png

and the variant dropdown.

 

Screenshot 2024-08-17 at 5.17.14 pm.png

 

The key line of javascript displays the correct variant selector based on the product that is the first dropdown 

Screenshot 2024-08-17 at 5.14.53 pm.png

 

From there you use a function that adds all the selected variant ID's to the cart

 

A thing that these guys miss is syncing there inventory as they are using line items and have a messy checkout, here is an example of a clean bundle in checkout. Essentially to do this you use an app extension which is basically code that runs in the background and can be installed on your store like an app but has no interface.

 

Screenshot 2024-08-17 at 10.59.25 pm.png

 

You would then for example be able be able to fulfil inventory and track sales of individual SKU's easily:

 

Screenshot 2024-08-17 at 11.01.36 pm.png

 

You can do this by adding a bundle ID to the 

 Just drop me a message if you have any questions!

Hi i'm Jake founder @ aovify.com


Boost AOV with Custom Bundle Builders


Get your FREE Custom Bundle Builder Protoype

View solution in original post

Replies 3 (3)

Jesse222
Tourist
8 0 0

Note: I am not a specialist, but this is some advice from what I have learned from personal experience hope this helps!

There are some Bundle Apps on the shopify store you may want to look into, but the same thing can be built with just creating a normal product within your admin then adding custom variants for each option you would like in your bundle. Each variant will have its own cost/sku/picture. The apps I refered to may require a monthly fee so just something you will have to consider which option is best for you. I would also recommend doing some research on the best way to label your bundles for your product feed. It is not as simple as saying it is a custom product unless you are actually making what is inside of the bundle. 

 

Sweet_Savior_3
Shopify Partner
1361 104 144

Hello @kashifjohn 

 

Welcome to Shopify Community.

 

For bundles there are many apps in Shopify app store which can fulfill your requirement but they all have monthly charges. You can check them.

Otherwise it can be hard coded with one time charge by a developer following the layout and functionality as per your request.

 

Here is an example of custom bundle: https://laque-nails.com/products/starter-set-bundle-1

 

Let me know if you need a developer.

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

jakeclifford
Shopify Partner
30 7 14

This is an accepted solution.

Firstly I believe these guys are using there own custom code

 

Screenshot 2024-08-17 at 8.17.20 am.png

 

There are some great Apps, just check out the demo stores which you've probably done! But the thing about most of them is there are designed to be generalist and work on every store so if you've got any specific feature's you want you could be searching for ages and then still it may not work as well as a custom solution in which there are almost endless options.

 

I'll break down some of my knowledge that may be able to help you and others that are deciding to go down the custom route and just want to demonstrate whats possible, if you do go down this route showing this to a developer might point them in the right direction 

 

Here is a demo store i built to demonstrate (Just with added product images in the selectors)

 

https://convertopti.com/collections/shoe-bundle   password - gowgah

Screenshot 2024-08-17 at 4.58.12 pm.png 

 

 

 

For this the set up is creating a collection of the required products which allows you to create the bundle feature on the collection page

 

Screenshot 2024-08-17 at 5.00.37 pm.png


And then in each of those products add an option for the size 

Screenshot 2024-08-17 at 5.03.16 pm.png

 

For the code i'll just share some key parts. The main idea is that you need to use the drop downs to select the right variant ID's within the form and you do this by conditionally rendering the correct variant size selector-

 

Here are the two main parts of the liquid, the product dropdown.

 

Screenshot 2024-08-17 at 5.14.53 pm.png

and the variant dropdown.

 

Screenshot 2024-08-17 at 5.17.14 pm.png

 

The key line of javascript displays the correct variant selector based on the product that is the first dropdown 

Screenshot 2024-08-17 at 5.14.53 pm.png

 

From there you use a function that adds all the selected variant ID's to the cart

 

A thing that these guys miss is syncing there inventory as they are using line items and have a messy checkout, here is an example of a clean bundle in checkout. Essentially to do this you use an app extension which is basically code that runs in the background and can be installed on your store like an app but has no interface.

 

Screenshot 2024-08-17 at 10.59.25 pm.png

 

You would then for example be able be able to fulfil inventory and track sales of individual SKU's easily:

 

Screenshot 2024-08-17 at 11.01.36 pm.png

 

You can do this by adding a bundle ID to the 

 Just drop me a message if you have any questions!

Hi i'm Jake founder @ aovify.com


Boost AOV with Custom Bundle Builders


Get your FREE Custom Bundle Builder Protoype