Customized Text Box not showing in order page for Narrative Theme site

[AB121]

Hello! I created a customized box for my products using the Shopify UI Elements Generator, but the information that customers are inputting into this box, is not showing on the order page.  Also, I noticed that customized are able to bypass filling out the textbox, when I created the code to be set to required. Can someone help me with this? Below is a snippet of the code: 

   <div class="product__content-main">

          <div class="product__description rte" itemprop="description" class="rte">

            {{ product.description }}

               <p class="line-item-property__field">

  <label for="Personalization">Personalization

              <br> Apron Color: <br> Font Color: <br> Text Color: <br> Font: <br> Text to Read:

                </label>

  <textarea required class="required" id="Personalization" name="properties[Personalization]"></textarea>

</p>

          </div>

[IttantaTech]

Hello , @AB121 

Can you please provide your store URL ?

[AB121]

here is the link to the store: https://aboveandbeyondcustomdesigns.com/ I've put customization on all my products and the textbox is not appearing in the customer order when I view it. 

[SallGF]

My page seems to be having the same problem. I’ve been hunting for an answer on how to fix this but I’m not a coder in the slightest… can anyone help with lamens terms?

[LitExtension]

Hi @AB121,

Firstly, it will display the textbox in the product page. You need to add it in product form of sections/product-template.liquid file.

Refer: https://i.imgur.com/24CXLE1.png

Next you need to remove 'novalidate' at form. Refer: https://i.imgur.com/IHz2c1N.png

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck. 

[AB121]

Thank you for showing me this, but I checked the product-template.liquid page and 'novalidate' doesn't exist on it. I also checked in the customized templates I created and it doesn't have it in any of them. Do you have any other alternatives?

[LitExtension · Accepted solution]

Go to snippets/product-form.liquid file and add code:

https://i.imgur.com/qkFj89E.png and https://i.imgur.com/U9Bnb8v.png

It will work fine, you don't need to remove 'novalidate'.

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck. 

[AB121]

thank  you this worked!!!

[boscaljondesign]

This isn't a solution if you want to pick and choose which products receive the option for customization.  I have products that don't need customization.  So I need a product template to apply to the products that need customization.  Your solution works if I want the customization text box to show up on every product.  Do you have a solution that I can apply to certain products and not all of them?

[Sazy]

This one worked. This show on my store product page but HERE IS ANOTHER issue...

whenever the customer add the personalization (NAME) and add to cart.... the person's name is not showing. So whenever I look at the customer's order... the customer's personalization doesn't appear as part of her order. It only shows the item she bought.