Add an item to cart automatically if another item is in it

Store Design
21

The app, Infinite Options works for this. I got locked into their free version from when they first came out, but not it costs $$ per month. But it worked great, takes a little understanding to get it to work the first time, but its just mouse clicks to get the feature to work.

22

Thank you for your answer

23

Hey there! I tried this code but my shop doesnā€™t seem to have any of the Shopify functions (Shopify.addItem, Shopify.onError, etc.) Where are these functions normally found? I also get this error when it gets to the url: "/cart/add.js" part.

Thank you for this code by the way! Very well written.

24

Its difficult to keep these codes up to date. As they add more features to the themes they are moving away from stagnant carts and are moving to these dynamic carts, which is great but completely different understanding of code. Most new these have some form of ajax cart which is like an auto refreshing cart and this code wonā€™t work for that unfortunately. I have since moved away from that,

But a similar coding would be: (i did not write all the {} () )

For items in cart.items

If item is ā€¦

Add item ā€¦

Endif endfor

25

You mentioned in a previous post that you figured out how to have the extra item added in the backend. How did you do this?

Iā€™d love to find a solution to auto-add item A if item B is purchased, but itā€™s not a requirement that the customer see this in their cart. What is most important is that when we are fulfilling the order, weā€™re able to print a shipping label for both items. Manually adjusting each order to account for two boxes is time consuming.

Let me know!

26

Sean,

I was looking for a way to automatically add a Mason Jar Deposit to Green Juices I sell at my retail store and believe I found a solution, although Iā€™ve not yet fully tested it..

First, I created a product called ā€œMason Jar Depositā€ and set the price to $1.25, unchecked inventory tracking and physical product, and made it active.

Then, I went to Discounts and created an automatic discount using the option ā€˜Buy x, Get yā€™. Under ā€˜Customer Buysā€™ I set it to a minimum of (1) item for ā€˜specific productā€™ ā€œGreen Juiceā€; and under ā€˜Customer Getsā€™ chose ā€˜specific productā€™ ā€œMason Jar Depositā€ at a 20% discount (since I actually want the deposit amount to be $1).

Not sure if this will work out the way I want, but thought it might be of help to your situation as well.

Cheers!

~ Bryce

2 Likes
27

Hi Bryce

Did that solution work for you? I am trying to do something similar for jar deposits at my package-free shop.

Does that solution work if a customer buys more than one products? For example, if a customer buys two green juices, does that solution give them two mason jar deposits?

Thanks for your help!

Heenal

28

@BG417

Thank you for this. I did mine with coding and then eventually we removed that option because customers couldnā€™t handle the products correctly.

29

I believe it should. There are easy ways of testing this. Just create your own test-customer and after you make the edits. Add those items to your cart and see what happens. Good luck!

30

Hi @Ninthony ,

Thanks for the solution and itā€™s working fine in my store. Thatā€™s great.

Just a small change I donā€™t know how to do which is that I need one item A to be added to the cart when I add 3 or more of item B. Can you help me with that?

Much appreciated.

Kam

31

That is why I moved away from the add A if B.

But if you are looking for code it starts with a for loop.

For item in cart.item

If item == A

Add B endif endfor

Thats basically what your code will look like. It should be added on the cart page. The specific code parameters will depend on your theme. Have fun and good luck.

32

Thanks @seangerke

Actually, all I need is how to set the number of items needed in order to add item B.

The code is working fine for add one you get one item, which is good but I need to change it to buy 3 or more AND get one item.

Thanks for your reply.

Cheers,

33

Kam,

Do a for loop through the cart items. Then add an if loop that looks for item B and its quantity == 3. Dont forget to stop the loop or it will run forever. Once your parameters are met not sure if its a {% break %} or stop to end the for loop at that time without keeping the search going like endfor

Hope this helps point you in rhe correct path! GL

34
Show More

Okay let me take a look tomorrow. Im replying on my phone and the code is too difficult to display properly on my system.

Show More

I think you will need to use the function ā€œassignā€ to set the qty to 3. {% assign B.quantity = 3 %} i dont know the qty parameter off the top of my head.

35

Hi @seangerke

I used this code and it works fine, just I need to edit the part about the quantity:
36

Iā€™ve tried this and I get an error on inspect:

Screen Shot 2021-07-06 at 4.53.23 PM.png
Screen Shot 2021-07-06 at 4.53.23 PM.png1252Ɨ1040 148 KB

37

The code uses jQuery, which it appears your theme may not be using. You can include it in the head of the HTML before the opening body tag:
38

Thanks @Ninthony I definitely should have thought of that!

But Iā€™m still getting an error, a new one:

Shopify.addItem is not a function. (In 'Shopify.addItem(item_to_add_variant_id, variant_quantity)', 'Shopify.addItem' is undefined)
39

Hi @Ninthony

Itā€™s working fine, just I need to change it a bit to have this logic:

buy 3 or more of item A AND get one item B.

Much appreciated,

Kamal

40

You can add this right under where you included jQuery, this is a bunch of little helper functions Shopify provides as an asset:

{{ 'api.jquery.js' | shopify_asset_url | script_tag }}

You can see them in action here:

https://mayert-douglas4935.myshopify.com/pages/api

Shopify.addItem is included in those functions.