Dawn Theme - Custom text fields and dropdown menu

[anna_an]

Hello,

My website currently uses Brooklyn theme, but I want to switch it to Dawn. We offer customizable clothing, so we need certain fields for customer to choose from. One is a text field where people can type their name, and other is drop down menu, and also a checkbox. I'm attaching pictures from my current theme of how it looks like.

I am aware of the fact that there are free/paid apps that can help me with this, but I'd prefer to go the same way as I went with Brooklyn.

This is the tutorial I used for Brooklyn: https://community.shopify.com/c/shopify-design/product-pages-get-customization-information-for-produ...

The code for Dawn is different so I don't wanna mess it up before asking here. 

[JHKCreate · Accepted solution]

Hi @anna_an 

To use said fields you need to use line items which are universal in their coding and work on any theme: Line Item Property – Shopify UI Elements Generator (ui-elements-generator.myshopify.com)

Let me know if you need further assistance!

[anna_an]

Thank you! 

So it is the same as what I did before. Thanks for confirming.

[anna_an]

@JHKCreate I actually have noticed today that even though the line property I created is required and suppose to show at checkout it does not do that and customers are able to put item in cart without typing their name, and if they do type it, the item in cart doesn't show the personalization.

<p class="line-item-property__field">
<label for="your-name">Your name</label>
<input required class="required" id="your-name" type="text" name="properties[Your name]">
</p>

[ksgopan]

Hi 

This was useful.  Just another question.. what if I want to add a cost to the customizable option for e.g. monogramming - if the customer selects it I want to add an additonal charge to that

That was earlier doable in debut.  How will it work in dawn

[HayaDDch]

Hello, I am actually facing an issue with adding custom text fields with the Impulse theme. I followed the same tutorial but can't find the code type="submit" in product.customizable.liquid

Anyone can help me with this?