Have one variant picker for multiple products

Have one variant picker for multiple products

kuduzovic
Shopify Partner
15 1 3

Hi, so recently I came across this website https://baristaandco.com/pages/buy-coffee , and on the page linked they have a subscription model but that's now what I'm interested in. I'm more interested in the variant picker that works for the 4 products they offer.

 

So once on the page, if you click the first box and scroll a bit down you will be offered 4 products, and below the 4 products, there is a variant picker on how you want your coffee to arrive. So you can basically pick one of the variants, choose any of the 4 coffee's and you will get that exact information added to your cart.

 

So my question is does anyone have any kind of idea how this is possible? What I did find out using Google Inspect is that each variant has its own div with the same class name, but once one is selected, a "selected" gets added to the class name. So what I'm thinking is that the selected variant is connected to the selected product and that's the information that gets sent to the cart. Does anyone have any idea how I could do this, or at least something similar? Hope my question is understandable.

Replies 3 (3)

LitExtension
Shopify Partner
4860 1002 1160

Hi @kuduzovic,

I checked and it could be caused by this: https://support.boldcommerce.com/hc/en-us/articles/360050564211-Installation-Guide-for-Bold-Subscrip...

Please contact them, I think they can help you.

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
kuduzovic
Shopify Partner
15 1 3

Alright, will do. Thanks a lot man.

LitExtension
Shopify Partner
4860 1002 1160

Hi @kuduzovic,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify