Hello All, I need your help, I have a clothing store in which when we select a product it have two types 1-stiched 2-unstiched
when the customer select the stitched option it show the size, dimension etc but when he select the Unstiched option then the below options should not be visible. need your help
what I tried is
{%- if option.values contains 'Unstiched' -%} style="display: none !important;"{%- endif -%}
Hi @Ihtisham ,
I have a simple solution to help you set up your custom options without requiring any coding. You can use the free Easify Product Options app, which provides an easy way to create and manage your options.
Here’s a quick demonstration on how to use the app for setting up your options:
1. Create your custom options
You will need to create custom options such as “Garments” (with options for stitched and unstitched), “Size”, and “Dimension”.
2. Set conditional logic:
To establish dependencies between the options, you can set conditional logic. This ensures that when customers select the “Stitched” option from the “Garments” option, the “Size” and “Dimension” options will be displayed.
Conversely, if customers haven’t chosen any option in “Garments” or select “Unstitched,” the “Size” and “Dimension” options will remain hidden.
I hope this solution proves helpful to you
.