This guide provides step-by-step instructions on configuring advanced conditional logic to dynamically show or hide Easify’s custom options based on the Shopify variants selected by your customers.
Notes: Our app currently offers Advanced Conditional Logic exclusively for Product Pages. We’re actively working to extend this feature to support Shopify variants on other pages. Stay tuned for updates and thank you for your support!
Example 1 (The main product has only one Shopify option) #
Custom Size – Reveal Easifty’s custom Dimension fields when customers choose the “Custom Size” (Shopify variant) in the Size option.
Step 1: Create a New Option Set with Your Custom Option(s) #
Begin by creating a new option set, adding your desired custom options just as you would with any regular option set.
Step 2: Enable Conditional Logic on the Option within the Option Set #
Look for the Conditional Logic Options checkbox on the option editing page and make sure it’s checked. This will activate the conditional logic settings for that option.
Step 3: Configure Condition Logic with Shopify Variants #
- Click on the “Select option” dropdown and choose “Shopify Variant”.
- Enter the precise name or label of the Shopify variant that, when selected, triggers the display of Easify’s custom options. In our example, enter “Custom Size”.
Notes:
- Ensure that the variant name matches exactly with what was entered when setting up Shopify variants. Any discrepancies, such as capitalization or spacing, will result in the conditional logic not functioning as intended.
- Only the name or label of the Shopify variant is used for setting up conditional logic; you cannot use variant ID or SKU.
- While this example focuses on a single condition (showing custom options if the Shopify variant is “Custom Size”), feel free to incorporate additional conditions as needed.
Step 4: Assign the Option Set to the Relevant Product(s) #
You can apply both the option set and advanced conditional logic to all products or specific product(s) based on your requirements.
After configuring the option set and conditional logic, save your settings. Subsequently, check the outcome on your storefront to ensure that the configured conditions are reflecting as intended.
Example 2 (The main product has more than 1 Shopify option) #
Free Cushions for Bigger Sofas – Show Easifty’s custom options (Free cushions) when customers choose 3-seat Sofa (Shopify variants). It’s worth noting that the sofas have 2 options: Color (White and Gray), and Seats (2 Seats and 3 Seats).
Step 1: Create a New Option Set with Your Custom Option(s) #
Step 2: Enable & Configure Conditional Logic with Shopify Variants #
Though the Free Cushion options are for customers selecting the 3-seat sofa, there are both Color & Seat options related to the 3-seat sofa (2 variants: “White / 3 Seats” and “Gray / 3 Seats“).
Therefore, you cannot enter only “3 Seats” in the Variant label – Value field, but add 2 conditions with 2 values “White / 3 Seats” and “Gray / 3 Seats” as below.
Notes:
Ensure that you enter the full variant name into the Value text field when configuring condition logics.
Access the full variant name by navigating to your product details settings page. Expand the Variant group to reveal its individual variants, then select the specific variant you need. Within the variant details page, you’ll find the full names of all variants to be utilized for setting up conditional logic.”
One more important thing to note is that you need to change “If All of these conditions” to “If Any of these conditions” (All to Any) in this case. So, if customers select any between “White / 3 Seats” and “Gray / 3 Seats“, it will show the free cushion options.
(If you leave it by default “All” it will run incorrectly since customers must select both “White / 3 Seats” and “Gray / 3 Seats” for free cushions to be shown).
Step 3: Assign the Option Set to the Relevant Product(s) #
Add the option set to relevant sofa products, then it’s done.
Need Assistance? #
If you run into any challenges while setting up the Advanced Conditional Logic, feel free to reach out to us for assistance through our convenient in-app live chat, by submitting your request via our contact form, or by sending an email to support@tigren.com. We’re here to help!
