Hide & display a custom text field base on variation selection.

Shopify Partner
2 0 0

Hello, everyone I have size variations on a product page like S, M, L & "Custom".

I want to display a custom text box for custom sizing. Customers can write custom size detail when clicking on "Custom" size variation & hide it when clicking on S, M, L, size, etc. 
This is my text field code 



<div class="product-form__input">
<label class="form__label" for="custom-size">Custom Size</label>
<input class="field__input" required type="text" id="custom-size" form="{{product_form_id}}" name="properties[Your Size]" />




I want show this code after size variant picker block. 


Reply 1 (1)
Shopify Partner
2787 555 795

Hello @Miraza606-Ozbix ,


Find the callback function or write a new one which will work on click of variant option size only.
You have to just make it conditional (show/hide) so it will work on variant option size and 




Need a Shopify developer? Email: guleriathakur43@gmail.com

- Skype: navrocks1
- Try GEMPAGES a great page builder
-Advance Search Filter