Have one variant picker for multiple products

[kuduzovic]

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.

[LitExtension]

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!

[kuduzovic]

Alright, will do. Thanks a lot man.

[LitExtension]

Hi @kuduzovic,

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