Shopify Cart Attributes Not Showing on Orders: Fixes (2026)

Quick Fix with Thunder

Confirm the Attribute Exists in the Cart First

Do not start in the order admin. First prove whether Shopify receives the attribute in the cart. Add the product, enter the custom field, then open /cart.js in the same browser session. Shopify's Ajax Cart API documentation covers cart attributes and notes through cart requests.

Manual browser check:
1. Add a product to cart.
2. Fill in the cart attribute field.
3. Open https://your-store.com/cart.js in the same browser.
4. Search the JSON for "attributes".
5. If the attribute is missing here, it will not appear on the order.

If the value appears in /cart.js but not in the order, check checkout path, app behavior, order admin location, and whether another script clears attributes before payment. If the value is missing from /cart.js, fix the form or drawer save first.

Use the Correct Cart Attribute Field Name

For a normal cart form, custom cart attributes use the attributes[Name] format. The field must submit with the cart form or be saved with JavaScript before checkout. A common mistake is using name="ref", name="custom_ref", or name="properties[Ref]" when the data is intended to be a cart-level attribute.

{% form 'cart', cart %}
  <label for="ReferralCode">Referral code</label>
  <input
    id="ReferralCode"
    type="text"
    name="attributes[Referral code]"
    value="{{ cart.attributes['Referral code'] | escape }}">

  <button type="submit" name="checkout">Check out</button>
{% endform %}

Use cart attributes for order-level data. Use line item properties for product-specific data like engraving text, initials, file upload IDs, or per-item gift wrap. If you mix them up, the data may exist, but staff will search the wrong part of the order. For a similar cart data issue, read order notes not showing.

Fix AJAX Drawers That Redirect Before Saving Attributes

Cart drawers cause many missing-attribute bugs because the field is not inside a normal cart form. The drawer may show the input, but the checkout button sends customers to /checkout before JavaScript posts the latest value. Save attributes to /cart/update.js and wait for the response before redirecting.

async function saveCartAttributes(attributes) {
  const response = await fetch('/cart/update.js', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      Accept: 'application/json',
    },
    body: JSON.stringify({ attributes }),
  });

  if (!response.ok) throw new Error('Cart attributes were not saved');
  return response.json();
}

document.querySelector('[data-checkout-button]')?.addEventListener('click', async (event) => {
  event.preventDefault();
  const referral = document.querySelector('[name="attributes[Referral code]"]')?.value || '';
  await saveCartAttributes({ 'Referral code': referral });
  window.location.href = '/checkout';
});

If your drawer also updates quantities, discounts, or notes, centralize those updates so checkout waits for one final cart save. Duplicate listeners are a common reason attributes are present in one test and missing in the next. Use cart not updating until refresh and cart drawer debugging for related issues.

Check App Conflicts and Attribute Clearing

Some apps write their own cart attributes for tracking, delivery dates, subscriptions, bundles, wholesale rules, or checkout validation. Others clear attributes when customers change cart contents. Shopify Community threads about missing attributes often include reports where values appear in the cart JSON, then disappear or fail to pass consistently after checkout.

Search theme code and app snippets for /cart/update.js, attributes, clear, checkout, and custom field names. Disable suspect app embeds in a duplicate theme. Then test the exact sequence customers use: change quantity, add another product, apply a discount, open the drawer, close it, reopen it, and checkout.

If the issue started after an uninstall, follow app leftovers cleanup. If scripts are slow or duplicated, use reduce unused JavaScript and duplicated JavaScript fixes.

Manual Fix vs Thunder Fix

For broader cleanup, compare Thunder pricing with professional Shopify speed optimization.

FAQ