Custom input field to show when certain option value is selected

[samuelbreezey]

Hi all,

I was wondering if you can help and point me in the right direction.

I have some items that require personalisation. I have created a text input box for personalisation, however, I only want this to show up when a product item that has personalisation as "Yes" in its variation.

See image below:

The code I currently have in product-template-custom.liquid is:

<div class="product-single__quantity">
<label for="enter-personalisation">Enter Personalisation</label>
<input id="enter-personalisation" type="text" name="properties[Enter Personalisation]">
</div>

Option name: Personalisation
Option values: Yes, No

I hope that you can help

[JHKCreate]

Hi @samuelbreezey 

You would need JS to get this done, it won't work through Liquid if user cycles back between Yes & No. What theme are you using?

[samuelbreezey]

Thank you, I am using Brookyln

Here is the website: https://bridesandbabes.myshopify.com

haohao