Hello,
I need some help/pointers on the best way to go about this.
I need to add Product A’s variants as selections (dropdown) on other Product pages (let’s call them Product B, C, D) - in addition to Product B, C, and D’s own variants.
I need to do this, as Product A’s variants cannot simply be variants belonging to product B, C, and D.
Product A’s variants need their own SKU’s and Product A must also be able to be sold separately from Product B, C, D.
It would seem to me, this should be rather straightforward. However, I’m starting to learn it might be a bit counter to the whole Shopify logic.
Visual example (this is made using the app Globo Product Options, Variant as well as custom coding):
What would be the best way of going about achieving this?
The app I’ve tested out (Globo Products) works well, up to a point. Once I start making the values available in the select dependent on the Product B variant selection, it starts falling apart (interdependent logic).
I can get the value of the select updated programmatically, but it seems it’s not picked up by “Shopify”.
Any help/advice would be much appreciated. I can’t believe I’m the only one that’s having had to do something along these lines, but haven’t found any real good answers to this.
BR
Hi @mnorup ,
You have to add a Javascript code for this to listen to users input. Unfortunately, adding a javascript needs time and debugging. I would suggest to hire a developer to do so
Hi Made4Uo,
Thank you for responding.
The js (or coding in general) is not the issue. Can see how my question is not clear on that. I can do that.
It’s more that I’m a bit surprised my issue is not a more general requirement. Was sure there must be some built-in aspect of Shopify variant/product logic I’m overlooking. Perhaps not 
Hi @mnorup ,
Sorry for my broad answer. As you can see the first option is using input checkbox, and the second option is using select html. You have to listen to both input checkbox, and select and get the value.
I think if you think about it, it should be a simple code. I can just listen to the value of both but you have to put those value together and match it to the variants in Shopify which is an array. So yes, javascript is an issue.
I am hoping Shopify can make a built in solution for this so it is easy to call this functions in the frontend. But we never know, they might be looking on this already.
Hi @mnorup ,
It looks like you’ve created a Frame dropdown and linked its options with Product A, making Product A an add-on for Products B, C, and D. Is that correct?
And, are you having trouble showing Product A’s variants based on the selected variants for Products B, C, and D? For example, if a customer selects size 30x40 for Product B, you want to display a dropdown for selecting either no frame or the Frame 30x40 variant of Product A, and similarly for other sizes?
If that’s the case, the Easify Product Options app could help
. It offers Advanced Conditional Logic, which allows you to display custom options (like frame options) based on the selected Shopify variants (like Product B’s size variants).
If you’re interested in trying it out, let me know, or reach out to the Easify team for a specific setup guide.