Dawn 2.0 adding a text box to each product page

Solved
Jacqueline_Rudd
Tourist
4 1 1

I am trying to upgrade to the new Dawn 2.0 Theme.  I need to have the option of adding a text box to each product page, similar to what Etsy uses for its "Personalization" box, so customers can provide more information required to complete their order.   e.g the 'name' they require to be embroidered. 

This information submitted needs to be displayed on the checkout page and with the order for admin.   I will use the new 'meta fields' to provide different instructions for each product . 

Can anyone help me with code?

Replies 24 (24)
LauraRiver2020
New Member
1 0 0

Hi @Guleria , that has worked to add in the extra boxes but I dont understand how I get it on only some of my products as not all of my items need to be personalised

 

Thanks

Guleria
Shopify Partner
2017 426 621

Hello @LauraRiver2020 ,

 

They are many way to do it.
1) Using alternate template
2) Build a logic with tags

3) Build a logic with metafile 

 

I recommend metafield. Enable a true/false metafield and call it in the code you added in main-product.liquid
The logic will be if product metafile is true, your code will works else do nothing.
 

 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
Buy me a coffee My PayPal
Try GEMPAGES page builder.
websensepro
Shopify Partner
40 1 1

@LauraRiver2020 Check out this video tutorial here https://youtu.be/m5Ya1fHAKq4 where you can learn how to add If conditions

jessicat888
New Member
1 0 0

Hi - Thanks very much for your tip so far. Do you know if it's possible to change the colour of the box as it's framed in black but my text for my website is dark blue? Thanks, Amy

websensepro
Shopify Partner
40 1 1

You will have to add CSS code for that