# Why Shopify cart attributes don't show up on the order page (and how I fixed it)

## TL;DR 🛒

If your Shopify cart attributes are empty in `/cart.js` or missing on the order page:

1.  Add the input with `name="attributes[your-key]"` on the cart page
    
2.  Check saved values at `{your-store-url}/cart.js`
    
3.  On every AJAX cart update (`cart/update.js` or `cart/change.js`), **resend** the attributes — Shopify drops them if you don't
    

## Intro

I added a date picker to my Shopify cart page, checked the order page, and the value was just... gone. No error, no attribute, nothing. 😩

This post is for theme developers who use cart attributes (delivery date, gift message, etc.) and wonder why they never reach the order.

## Add a date picker to the cart

I added a date input for the delivery date:

```html
<label for="delivery-date">{{ 'cart.delivery_date' | t }}</label>
<input
  type="date"
  id="delivery-date"
  name="attributes[delivery-date]"
  value="{{ cart.attributes['delivery-date'] }}"
  min="{{ min_date }}"
  max="{{ max_date }}"
/>
```

> **Note:** I limit the date to a specific range, so the input has `min` and `max`.

The HTML looked correct. I assumed the value would show up on the order page after checkout. It didn't.

## How to check what's in the cart

After I released the change, orders in the admin didn't show the delivery date at all.

At first, I thought customers were skipping it because of the date range. (No delivery date = fastest shipping.)

But I needed to know if the feature was working. So I started digging — and it turned out the value probably wasn't being sent to the cart at all.

The easiest way to check whether an attribute is saved:

1.  Open `{your-store-url}/cart.js` in your browser
    
2.  Look at the `attributes` field in the JSON response
    

This shows what Shopify will actually send to checkout.

My result:

```json
"attributes": {}
```

Oops 🙊 — empty. The attribute never made it into the cart object.

## The problem

My cart page has a quantity input. Whenever a customer changes the quantity, the theme calls `cart/change.js` or `cart/update.js` via AJAX.

From what I could tell, this is what caused my bug:

*   Any AJAX call to `cart/change` or `cart/update` replaces the cart state
    
*   Shopify only keeps the attributes you send in **that same request**
    
*   If you don't include them, they're dropped — not delayed, not cached. Gone
    

So even though the date picker had the right `name`, a later cart update wiped the attribute. That's why `/cart.js` showed `"attributes": {}`.

## The fix: save attributes on every cart update

The [cart/update.js endpoint](https://shopify.dev/docs/api/ajax/reference/cart#post--locale-cart-updatejs) accepts an `attributes` field. I send the attribute value whenever the customer changes the date:

```javascript
async function saveCartAttribute(key, value) {
  const response = await fetch(window.Shopify.routes.root + "cart/update.js", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ attributes: { [key]: value } }),
  });

  if (!response.ok) {
    console.error("Failed to save cart attribute:", response.status);
  }
}

document.getElementById("delivery-date")?.addEventListener("change", (event) => {
  saveCartAttribute("delivery-date", event.target.value);
});
```

**Important:** If your theme already updates the cart on quantity change, make sure that request also includes current attribute values. Otherwise the quantity update will wipe them again.

After adding this, I checked `/cart.js` again:

```json
"attributes": {
  "delivery-date": "2026-05-25",
  "delivery-time": "AM"
}
```

Now the values were actually in the cart. ✅

## Check the order page

After the fix, attributes showed up on orders. (Finally got an order with a delivery date! 🎉)

*   When no date is selected → the order page shows only **Note** in the top-right
    
*   When attributes are entered → an **Additional details** section appears below Note
    

## What I learned

Next time I work with Shopify cart attributes, I'll check these things first:

*   **Verify with** `/cart.js` **early** — don't wait until orders come in
    
*   **Any AJAX cart call can wipe attributes** — not just quantity changes; line item edits, upsells, or custom scripts can do it too
    
*   **Resend attributes in every cart update** — treat them like form fields you must include on each submit, not set-once values
    

## Conclusion

Cart attributes in Shopify look simple in Liquid (`name="attributes[key]"`), but they are easy to lose silently. If yours don't show up on the order page, open `/cart.js` first. If `attributes` is empty, find every place your theme calls `cart/update.js` or `cart/change.js` and make sure attributes are included in those requests.

That one check saved me a lot of guessing. Hope it helps you too. 🙂