FROM CACHE - en_header

Have one variant picker for multiple products

kuduzovic
Tourist
12 0 2

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
4365 887 922

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
kuduzovic
Tourist
12 0 2

Alright, will do. Thanks a lot man.

LitExtension
Shopify Partner
4365 887 922

Hi @kuduzovic,

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

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!