How can I add individual notes for each item in my cart?

[yohanes-ai]

Hi there

I create a Shopify app with extension theme app that has capability to customize each item that adding to cart or directly buying. I wanted to sell a hat that everyone can customize text on the hat. So I create an app that has a input text to directly input a text or translate a text if needed (with options of course). 

So the extension theme app is done, the problem is how to add a notes for every item in the cart. I have tried cart notes but its build for adding notes for a whole cart not every item (like in one order). Any idea?

Thanks in advance

[ChrisBao]

So you mean the user may add more than one hat into the cart. And you want the functionality to customize the text printed on each hat. Right? 

[yohanes-ai]

Yes, you're correct. Its likely add a notes for each item. So it there is 3 items in cart. Every item has a note

[YOD_Solutions]

Note is not a line item property - it a cart property. You have one note field for the whole cart. You need to add your custom items in the line item "properties" field (or customAttributes field in GraphQL) - which is an object with "key" and "value" fields.

[yohanes-ai · Accepted solution]

I have found the solution by adding this simple code as below:

name="properties[Text]" form="product-form-{{ section.id }}

The full example as below:

<label for="message" class="form__label">Message:</label>
<div class="field">
  <textarea id="message" class="text-area field__input" placeholder="Message" name="properties[Message]"form="product-form-{{ section.id }}"></textarea>
</div>

I have tried and its working like a charm.

[Andy136w]

Hi Yohanes,

Your solution would solve a massive problem for me, could you explain where and how you enter the code you are showing please?

Kind regards

Andy