Shopify themes, liquid, logos, and UX
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>
You need to wrap the field name with properties[].
Change the field names as follows
name="properties[Your name]"
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>
Can you please share your site url, So I can have a look
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
Fields mut be inside the <form> tag. Add the fields before closing the form.
Also wrap name with properties[]
Where do I find the form tag? Product-template.liquid?
It depends on the theme
In dawn theme, it was under the file buy-buttons.liquid
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.
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 🤗!
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024