Re: Customization fields not showing in cart/checkout

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
635 19 50

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 Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support