How to add a check box that has a text box come down

doubledees
Visitor
1 0 0

Hello,

I'm trying to add a check box to my product pages so when that is clicked on a text box comes down. Basically I want my customers to be able to type in their measurements if my size chart does not accommodate them. I have already been told about several apps I have to pay for and those are not feasible at this time and the free ones don't suit my needs. Ideally I'd like something I can add to the code to make this happen. Is there any way I can go about this?

 

Thank you,

Delia

ddoubledees.com

Replies 2 (2)

Propero
Shopify Partner
896 101 159

@doubledees,

You would need to do couple of things, first create a new line item properties to capture measurement, 

https://ui-elements-generator.myshopify.com/pages/line-item-property

Then you need to write a JS or JQuery to show hide this element based on radio button checked status.

Hope this helps. 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
conecptuas
Visitor
1 0 0
You should always put the <label> after the <input type="checkbox"> , and on the same line. There should usually be a space between the <input> and the <label> . You can accomplish this with a little bit of margin, or with simply a typographical space.
Just position your cursor in the document where you want a check box, simakara monocular review switch to the “Developer” tab, and then click the “Check Box Content Control” button. You should see a check box appear wherever you placed your cursor.