Hello! I am using the Dawn theme, and I added a field for personalization to one of my product templates. When I am on the page for a product using this template, the add to cart buttons don’t work. The products that don’t use this template are fine, it’s only the ones with this personalization field. I followed a tutorial on how to add the custom field, so it’s possible that I broke it. Does anyone have a suggestion on how I can fix this?
Ok, please send me the store URL and a screenshot of the fields you added, so I can check and give you a proper update.
Hello @benannasplitcustoms ,
I hope you are well!
Can you please provide the store URL? It will be helpful for me to check it and provide the code.
Thank you for your offer to help! This is the link to my store: https://benannasplitcustoms.myshopify.com/
Please share the link to your product page with personalization field and share the code you added.
@benannasplitcustoms can you please share the product page link where you have this new template?
Here is the code you’ve added:
<input
class="field__input"
type="text"
id="custom-name"
form="product-form-template--17666584314026__main"
name="properties[Enter any personalization (name, jersey #, etc- please include placement of personalization)]
</div><div
id="Quantity-Form-template--17666584314026__main"
class="product-form__input product-form__quantity"
>
Because there is no closing quote mark after personalization)] and the input tag is not closed properly, browser included everything till first closing quote as name value…
The code should be like
<input
class="field__input"
type="text"
id="custom-name"
form="product-form-template--17666584314026__main"
name="properties[Enter any personalization (name, jersey #, etc- please include placement of personalization)]"
/>
</div>
<div
id="Quantity-Form-template--17666584314026__main"
class="product-form__input product-form__quantity"
>
THANK YOU!!! This was it. I’m so grateful to you for taking the time to look at this and provide a detailed solution!
Can you share:
-
The code you added for the personalization field (Liquid + any JavaScript, if you edited it)?
-
Where exactly you placed it (inside the
product-form.liquid, or elsewhere)? -
Whether you’re seeing any error messages in the browser console (press F12 → Console tab)?
These details will help figure out why the Add to Cart button stopped working.
It sounds like the issue might be with the custom code added for the personalization field — that often interferes with the cart form in the Dawn theme.
If you’d like a quick and reliable fix, you can use the Easify Product Options app instead of custom code. It lets you add personalization fields (like text boxes, image uploads, etc.) without touching your theme files, so the Add to Cart button will work perfectly. It’s super easy to set up and won’t break your product pages.
- This is a demo:
- This is the app setting:
I hope this answer helps solve the problem. If you need further assistance, feel free to reach out to Easify anytime! 