Customization fields not showing in cart/checkout

Champagne03
New Member
16 0 0

I added the following to my product description so customers could enter in their desired city, state, and year. 

But these fields do not show on the cart page or the checkout, so unfortunately when I view the order I cannot see what city, state, or year was entered. 

 

What do I need to do in order to see the custom fields?

 

<label for="city">City</label>
<input type="text" id="city" name="city" required>

<label for="state">State</label>
<input type="text" id="state" name="state" required>

<label for="year">Year</label>
<input type="text" id="year" name="year" required>

 

 

Replies 9 (9)

product_options
Excursionist
23 5 4

You need to wrap the field name with properties[].

Change the field names as follows

name="properties[Your name]"

Product Options Add unlimited product options using an easy-to-use drag-and-drop form builder
Champagne03
New Member
16 0 0

I used the below as well and the custom fields still didn't show on the cart/checkout page. Is that what you're referring to? 

 

<p class="line-item-property__field">
<label for="city">City</label>
<input id="city" type="text" name="properties[city]">
</p>
<p class="line-item-property__field">
<label for="state">State</label>
<input id="state" type="text" name="properties[state]">
</p>
<p class="line-item-property__field">
<label for="year">Year</label>
<input id="year" type="text" name="properties[year]">
</p>

product_options
Excursionist
23 5 4

Can you please share your site url, So I can have a look

Product Options Add unlimited product options using an easy-to-use drag-and-drop form builder
Champagne03
New Member
16 0 0

Sure - here's the site: https://getnaughtee.com/

And this is the product page I'm testing it on: https://getnaughtee.com/products/sun-moon-rising-t-shirt-unisex?variant=40507910520895

product_options
Excursionist
23 5 4

Fields mut be inside the <form> tag. Add the fields before closing the form.

Also wrap name with properties[]

 

product_options_0-1710254564669.png

 

Product Options Add unlimited product options using an easy-to-use drag-and-drop form builder
Champagne03
New Member
16 0 0

Where do I find the form tag? Product-template.liquid? 

product_options
Excursionist
23 5 4

It depends on the theme

In dawn theme, it was under the file buy-buttons.liquid

 

 

Product Options Add unlimited product options using an easy-to-use drag-and-drop form builder
Champagne03
New Member
16 0 0

OK - I'm using the Minimal theme.

 

I feel like I'm getting a crash course in this, so I appreciate your help so far. I don't have a sections or snippet titled buy-buttons.liquid, so I'll try to search around and see if I can find the form.

EasifyApps
Shopify Partner
541 16 42

Hi @Champagne03,

You can easily create text fields using the free Easify Product Options app. Any text entered by customers will seamlessly appear on your cart and checkout pages without the need for complex custom code. I recommend giving the app a try 🤗!

  • Product Page:

EasifyApps_0-1712735035789.png

EasifyApps_1-1712735082337.png

 

  • Cart Page:

EasifyApps_2-1712735111192.png

 

  • Checkout Page:

EasifyApps_3-1712735173835.png

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support