My free fill text field for a product won't appear in the cart

[LalaLady]

Hi, please note I’m not at all familiar with coding. However, I did manage to add the field in the product page - Dawn Theme. But when I view my cart, it does not reflect any text captured. Can you please assist with a solution.

[Michross]

I can see you’ve successfully added a custom text field to your product page (great job for someone not familiar with coding!), but the text isn’t showing up in the cart. This is a common issue with custom fields in the Dawn theme.

The Problem:

Your product page captures the custom text, but your cart template doesn’t know how to display it. You need to add code to show the custom field data in the cart.

Solution - Add Custom Field to Cart:

Step 1: Find Your Cart Template

1. Go to Online Store → Themes → Actions → Edit Code

2. Look for one of these files:

   • cart-drawer.liquid (if using cart drawer)

   • cart.liquid (if using cart page)

   • main-cart-items.liquid

Step 2: Add This Code Find the section where line items are displayed (usually around product title/price) and add:

liquid

{%- if item.properties != blank -%}
  <div class="cart-item__details">
    {%- for property in item.properties -%}
      {%- unless property.last == blank -%}
        <div class="cart-item__property">
          <span class="cart-item__property-name">{{ property.first }}:</span>
          <span class="cart-item__property-value">{{ property.last }}</span>
        </div>
      {%- endunless -%}
    {%- endfor -%}
  </div>
{%- endif -%}

Step 3: Style It (Optional) Add this CSS to make it look better:

css

.cart-item__details {
  margin-top: 8px;
  font-size: 0.85em;
  color: #666;
}

.cart-item__property-name {
  font-weight: 500;
}

.cart-item__property-value {
  margin-left: 4px;
}

For Dawn Theme Specifically:

If you’re using the latest Dawn theme, look for this section in your cart template:

liquid

<div class="cart-item__details">
  <!-- Add the custom properties code here -->
</div>

Quick Test:

1. Add the code above

2. Save the file

3. Add a product with your custom text to cart

4. Check if the text now appears

Alternative Simple Method:

If the above seems too complex, you can also try adding this simpler version right after the product title in your cart:

liquid

{% if item.properties['Your message to Lala Lady'] != blank %}
  <p><strong>Message:</strong> {{ item.properties['Your message to Lala Lady'] }}</p>
{% endif %}

Important: Replace 'Your message to Lala Lady' with the exact name attribute from your product form field.

Need the exact file? If you’re unsure which cart file to edit, share a screenshot of your cart setup and I can point you to the right file!

This should solve your issue. Let me know how it goes!

[Easify-Jennifer]

Hi @LalaLady

Since you don’t want to touch any code, I’d recommend trying Easify Product Options. With this app, you can add text fields (and many other option types) to your product pages, and all the input will automatically show up in the cart, checkout, and even in the order details – no coding required.

Super easy to set up, and the text field feature is already available on the free plan, so you can get started right away without extra cost. Here’s how it works:

• This is the product page

• This is the cart:

• This is the app setting:

You can also adjust settings for your text area, like setting a minimum/maximum character limit, adding help text, or tooltips – all without any coding.

I hope this answer helps solve the problem. If you need further assistance, feel free to reach out to Easify anytime!

[LalaLady]

Hello, thank you soo much. Easify app helped in the end. So much easier and quicker.

[Parselab-Luna]

Hello LalaLady,

I hope you are doing well. It is great that you have managed to add the text field in the product page but since added text is not showing in the cart page, I would suggest you to try Inkybay - Product Personalizer app.

With Inkybay’s product option feature you can create a text input field for both short and long text in the product page. If you want, you can set maximum character restriction and set dynamic price for text. Customer’s added text will be captured and shown in the cart page. Additionally you will get the text through the order file generated by Inkybay which will help you to process the order.

Here you can see the result in product page:

Here is the added text in cart page:

Through product option features you can create different other options like image swatch, drop down option, radio buttons, checkboxes, file upload options etc. No coding is required and set up is very simple. You can also try Inkybay’s free - 21 day trial to explore and see how it works.

I hope this will help. If you want we can share a demo product with you.