The Conditional Option Display feature allows you to show or hide product options based on customer selections.

Instead of displaying all options at once, you can create a dynamic and user-friendly experience by showing only relevant fields when needed. This helps reduce confusion and makes the customization process smoother for customers.

Advanced conditional logic works by creating base options, adding dependent options, linking them together, setting conditions based on customer selection, and saving the setup to control how options are displayed dynamically.

Live Example:

Try this feature on our demo store: 👉 View Demo Product Password:- 1

• If a customer selects “Balloons” in the decoration option, you can display “Balloon Colors” as a dependent option.
• In a T-shirt setup:
• • If a customer selects “Add Custom Text = Yes”, then show the Text Input Field
  • If a customer selects “Add Logo = Yes”, then show the Image Upload option
  • If a customer selects “Print Type = Premium”, then show Additional Pricing or Design & Printing Options

This guideline helps you to understand and implement advanced conditional logic effectively, so you can create a more dynamic and user-friendly product customization experience.

Steps:

1. Select Product: Go to Shopify Admin → Product Options Personalizer app → Select Product → Click Edit

2. Create Base Option : Create a base option by clicking on the ‘Add’ button. Then select an element such as a dropdown, checkbox, or button, and add a label.

3. Create Option Set : Click Create Option Set → Enter name → Add option labels (e.g., Balloons, Confetti, Party Hats) → Set pricing (optional) → Save

4. Create Dependent Option : Click Add again → Choose element (Dropdown / Text Field / Image Upload) → Enter label

5. Create option Set :- Click on Create Option Set → Enter the Option Set Name → Add Option Labels (e.g., Balloons, Confetti, Party Hats) → Set pricing (if required) → Click Create Option Set to save

6. Apply Conditional Logic : In the Conditions section, pick the parent field (e.g., *Decoration), choose a condition type (equals / contains / not equals), select the value (e.g., Balloons), then click "+ Add Condition ** and save.

Select Base Option 

Select Conditions :

Select Dependednt option

7. Save Configuration :After creating the condition, click on Save to apply and store all changes

**Result : **

The option set will be displayed only when the defined condition is met. For example, if the customer selects Balloons in the Decoration option, the related option set (such as Balloon Colors) will appear.

Verify on Storefront :- Go to your front store → Open the selected product page → Test the options by selecting different values → Ensure the conditional logic is working as expected

Cart Page:-

By using Conditional Option Display, you can create a more interactive and streamlined product customization experience. Showing only relevant options helps reduce customer confusion and improves overall usability.

Make sure to test your setup on the storefront to ensure everything is working as expected.

Need Help?

If you need help setting up translations or want assistance tailoring them for your store, feel free to contact our support team at **support@setubridgeapps.com **or on

explainsWhatsApp: +91 8511963839. We’re happy to help 😊

Updated on: 31/03/2026