Conditional logic

Conditional logic

TrendBlend
Pathfinder
196 0 27
I'm working on something called conditional logic, I've got this app called Zoorix Sticky ATC which also shows the shopify variant pickers. But I want to do something like this: 
TrendBlend_0-1726127832598.jpeg

 

So the first option should be if the customer wants a cord of 1m,2m,3m or no cord
 
When no cord is picked the next box the customer should see a new box with the options: 3 connectors, usb-c, iOS, Micro.
 
But when a cord is picked the customers should first get an option to choose a color of the cord and after they should choose if they want any of the above mentions connectors or no connectors (so cord only).
 
if you know how to do this please contact me.
Reply 1 (1)

Easify-Mark
Excursionist
73 1 1

Hi @TrendBlend,

The Easify Product Options app can help you set up the conditional logic you’re looking for. Here’s a suggestion for how to do it 🤗:

  • Create your Main Product: Start by creating your product with 4 variants: 1m, 2m, 3m, and No cord.

  • Install the app and set up the Options:

    • 3 Connectors Option: Add an option for 3 Connectors using an option type like Radio Button, Dropdown, or Button. Add the values: USB-C, iOS, and Micro. Use Conditional logic (in the Advanced Settings tab) to display the “3 Connectors” option only when customers select the “No cord” variant. 
EasifyMark_2-1726475226587.pngEasifyMark_3-1726475239134.png

 

  • Color Option: Add a Color option using the Color Swatch option type. Use conditional logic to display this option when customers select the "1m", "2m", or "3m" variants.
EasifyMark_4-1726475254655.pngEasifyMark_5-1726475262753.png

 

  • Connections Option: Add a Connections option, using conditional logic to display it when customers select the "1m", "2m", or "3m" variants.
EasifyMark_6-1726475278068.pngEasifyMark_7-1726475285130.png

 

  • Assign the Option Set: Once everything is set up, add the option set to your main product, and you’re done!

EasifyMark_8-1726475322009.png

 

 

EasifyMark_0-1726475112471.pngEasifyMark_1-1726475129029.png

Let me know if you need any help with the setup, or feel free to reach out to the Easify team for quick assistance.