I am selling baby clothes and I want my customers write the baby name in a text box in the product page. So I can apply the name onto the cloth. So I checked everything I can to make that happen. A couple of apps, codes etc. but I couldn’t find a proper free app nor I have code information. So I saw line item property thing. I have been trying to embed this code in the Dwell code but the sources are mainly about Dawn theme, not Dwell. How can I make this happen? Inside the Dwell code, I can’t find product form etc.
Topic summary
A merchant selling baby clothes wants to add a text input field on product pages where customers can enter a baby’s name for personalization. They’ve struggled to find free apps or adapt existing code examples, which mostly target the Dawn theme rather than their Dwell theme.
Key Challenge:
The user cannot locate the product form structure within Dwell’s code to implement line item properties.
Solution Provided:
- Dwell belongs to the Horizon theme family, so solutions for Horizon/Atelier themes should work
- Line item properties require inputs to be inside a
<form>element or use aformattribute to submit properly - A code snippet was shared that dynamically references the product form ID and can be added via a “Custom liquid” block in the theme editor without directly editing theme files
- Instructions provided for sharing store preview links for further troubleshooting
Status: Solution offered but not yet confirmed as implemented by the original poster.
Hello, Thank you for returning my post. It is on draft and I am working on it currently. I don’t know how to send store URL and collab code. wishes,
You can visit https://help.shopify.com/en/manual/online-store/themes/adding-themes#share-theme-preview to learn how to share a preview.
Since Dwell is a part of Horizon family, you can also search for solutions for Horizon/Atelier, etc..
Yes, Line item properties are the way to go, however, you need to ensure that these input’s are either inside the form or have a form attribute, otherwise they would not be submitted.
The code for Horizon family themes can be like this:
{%- assign product_form_id = 'BuyButtons-ProductForm-' | append: section.id -%}
<label>
Provide extra info:
<input
type=text
form="{{product_form_id}}"
name="properties[Extra Info]"
>
</label>
This will work if rendered inside the same “product info” section, so you can, for example, use “Custom liquid” block to use this code without editing your theme code. Like this:
if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it