How do I use liquid code for a conditional selection in my online store?

Technical Q&A
1

I am customizing my online store and am having some difficulties with liquid coding. I am trying to add an if conditional tag. If a client selects “yes” from the drop down box " Is this a gift", I want a text box to appear for customizations. I have been doing research but cant seem to find anything that works. Any help would be greatly appreciated. So far this is what I have-

{%- unless product.has_only_default_variant -%}
{%- for option in product.options_with_values -%}

{%- if section.settings.product_selector == ‘radio’ -%}

{{ option.name | escape }} {%- for value in option.values -%} {%- assign variant_label_state = true -%}

{%- if product.options.size == 1 -%}
{%- unless product.variants[forloop.index0].available -%}
{%- assign variant_label_state = false -%}
{%- endunless -%}
{%- endif -%}

<input type=“radio”
{% if option.selected_value == value %} checked=“checked”{% endif %}
{% unless variant_label_state %} disabled=“disabled”{% endunless %}
value=“{{ value | escape }}”
data-index=“option{{ forloop.index }}”
name=“{{ option.name | handleize }}”
id=“ProductSelect-option-{{ option.name | handleize }}-{{ value | escape }}”>

{{ value | escape }}

{%- endfor -%}

{%- else -%} {{ option.name | escape }} {%- endif -%}

{%- endfor -%}
{%- endunless -%}

2

Only JS can be used to define this event.

You can use the select’s change event to determine if “Yes” is selected.