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
Oh, and there’s something brewing behind the scenes that’s redefining customer experience. Curious? It’s time to Revize your store. Don’t say we didn’t warn you.
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
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
Oh, and there’s something brewing behind the scenes that’s redefining customer experience. Curious? It’s time to Revize your store. Don’t say we didn’t warn you.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024