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

Solved
AB121
New Member
4 0 0

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>

 

0 Likes
IttantaTech
Shopify Partner
485 52 86

Hello , @AB121 

Can you please provide your store URL ?

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes

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. 

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
AB121
New Member
4 0 0

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. 

0 Likes
AB121
New Member
4 0 0

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?

0 Likes

This is an 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. 

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
AB121
New Member
4 0 0

thank  you this worked!!!

0 Likes