Adding field to my product information

Shopify Discussion
1

greetings, I want to add field name to my product information and I want it be like this checkout. so that users can type a field name and it will be displayed on the checkout page. see this website: https://flawluxe.co/products/seductive-custom-thong?tw_source=tiktok&tw_adid=1794875653622818&ttclid=E_C_P_CswBL8ry7tRxewJQ4146V0uooFqJbAC60YYFMK3vSk98sthnS35snaBA92JpQOyOpummz2QoO7KkfAHuaOZt-VncnYNVr5h_ru3nI5JP_gnFkiGt7y_GZha6UbWI_sulcMzIIuoxBgb_TwvguOEUzQUZQBFEU9CzLQA_32m0o9OjMIol0Eis_EguqqInsxpJRV6WjgiFt9a2ltgflYanCO46D8d59Ibv54uYE0oWNMK8qKcn31zqVuZsDf-zocUzJyVbNSl3_Y1xHYlastIlEgR2Mi4wGiAJHgaGkIdAuudNoO88Ipa9ZX_53X-bnU_cTj55zmrZxA

my website: https://luminrex.store/products/soft-charm-thong?variant=47961605308724

thong.png
thong.png755Ă—563 114 KB

thong2.png
thong2.png309Ă—201 2.43 KB

checkout.png
checkout.png292Ă—593 33.1 KB

2

Hey, you seem already tried using the line item properties.
These should be passed to cart and then to checkout and be visible in backend.

But there are 2 problems:

  1. You should use different Field Name for each input, otherwise only the last on will be passed to cart.

  2. Currently, your input fields are not linked to cart form and therefore not picked up when you click add to cart button.

Check this tutorial on how you should add form=XXX property to your input elements.

https://www.pogodan.com/blogs/shopify-diy/adding-line-item-properties-in-dawn-without-editing-the-theme-code

Currently, your inputs look like:

Not sure how exactly they are added, but the code should look like:

{%- assign product_form_id = 'product-form-' | append: section.id -%}
3

thanks for your reply, will this code allow the fields to be linked to my cart now

4

Yeah. Input fields can be either

  • inside <form id=“formid” …> or, if they are outside,
  • you can link’em using the form property, like

These inputs will be included when form is submitted.