Shopify themes, liquid, logos, and UX
Hello, I'm working on something called conditional logic for product options. URL: MagCharge – TrendBlend.
I want this for one product only the 'MagCharge' and it should work with the following apps: (Zoorix Sticky ATC) for my Add to Cart widget on the bottom of the page and (FastBundles) for my bundles on my product page. I'm using DAWN Theme.
I need some code to edit the looks of my variant selection. What I want to achieve:
I got these 3 variant selectors for this product.
First one: Wire (1m Wire, 2m Wire, 3m Wire, No Wire)
Second one: Color (Black, Red, Purple)
Third one: Connector (iOS Connection, Type C Connection, Micro Connection, All Connections, No Connections)
The Color variant selector is only relevant for the wired options since the Connectors don't have colors at all. So the color variant should only show up when an option with a wire is chosen. Also the Connector option (so not selector in this case) 'No Connections' should never show up when the option "No Wire" is chosen since you order nothing then.
Now I have already tried to achieve this using custom code myself by hiding the options in the Add To Cart widget and Cart which have worked. But I'm then still seeing the variant options in the Checkout/Order Confirmation Page/Customer Emails/Bundles. So I need someone who can do this for me in a different way.
If you want to help me with this for free please reply to this topic directly, and I will give you a tip. If you want to do this for money only please contact me privately. Since I only want to do this for one product only I can't be spending too much money on this I hope you understand that. Thanks in advance.
Kind regards,
Stef
Solved! Go to the solution
This is an accepted solution.
Hi @TrendBlend,
I saw your question about implementing conditional logic for your MagCharge product, and I'd like to help you out. I've worked on a similar setup before, and I think we can solve your issue by adjusting your product variants directly in Shopify. This way, you won't need complex code, and it should work seamlessly with your existing apps (Zoorix Sticky ATC and FastBundles) and the DAWN theme.
Solution Overview:
We'll modify your product variants to include only valid combinations. By doing this, you'll prevent unwanted options from appearing not just on the product page but also in the cart, checkout, order confirmations, customer emails, and bundles.
We'll delete invalid variants and keep only the valid ones.
Available Kleur Option:
Variants to Delete:
All variants where Snoer is "Geen Draad" and Kleur is "Zwart", "Rood", or "Paars".
Examples:
Variants where Snoer is "Geen Draad", Kleur is "Geen Kleur", and Aansluiting is "Geen Aansluiting".
Example:
Unavailable Kleur Option:
Variants to Delete:
All variants where Snoer is "1m Draad", "2m Draad", or "3m Draad" and Kleur is "Geen Kleur".
Examples:
Delete any variant where Snoer is "Geen Draad" and Aansluiting is "Geen Aansluiting".
Example:
Feel free to reach out if you've any questions.
Shubham
Founder | Untechnickle
We’re here to simplify your Shopify experience!
Let’s chat over a virtual coffee ☕️ and find the perfect solution for your store.
Our Services: Store Build & Redesign | Theme Customization | Website Audit & Optimization | Bug Fixes | App Setups
Hello,
Please either respond with valid code or text about this subject in this thread. Or private message me if you want to do it for money only (and we will discuss it).
kind regards,
Stef
hello @TrendBlend
I am a Shopify expert and mobile developer I can help you I have worked on more than 700 websites if you need my help then you can message me.
Thanks
This is an accepted solution.
Hi @TrendBlend,
I saw your question about implementing conditional logic for your MagCharge product, and I'd like to help you out. I've worked on a similar setup before, and I think we can solve your issue by adjusting your product variants directly in Shopify. This way, you won't need complex code, and it should work seamlessly with your existing apps (Zoorix Sticky ATC and FastBundles) and the DAWN theme.
Solution Overview:
We'll modify your product variants to include only valid combinations. By doing this, you'll prevent unwanted options from appearing not just on the product page but also in the cart, checkout, order confirmations, customer emails, and bundles.
We'll delete invalid variants and keep only the valid ones.
Available Kleur Option:
Variants to Delete:
All variants where Snoer is "Geen Draad" and Kleur is "Zwart", "Rood", or "Paars".
Examples:
Variants where Snoer is "Geen Draad", Kleur is "Geen Kleur", and Aansluiting is "Geen Aansluiting".
Example:
Unavailable Kleur Option:
Variants to Delete:
All variants where Snoer is "1m Draad", "2m Draad", or "3m Draad" and Kleur is "Geen Kleur".
Examples:
Delete any variant where Snoer is "Geen Draad" and Aansluiting is "Geen Aansluiting".
Example:
Feel free to reach out if you've any questions.
Shubham
Founder | Untechnickle
We’re here to simplify your Shopify experience!
Let’s chat over a virtual coffee ☕️ and find the perfect solution for your store.
Our Services: Store Build & Redesign | Theme Customization | Website Audit & Optimization | Bug Fixes | App Setups
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024