Cart Item Data
Renders one category of cart-line detail — variants, product attributes, or selling plans — inside a cart card.
Last updated
How to use
Place this component inside your cart product card, referenced by Cart List.
Pick the
Optionof what to show — Variant, Attribute, or Selling Plan info, unique to each cart line item.Connect
⛁ Butter Datato the product's Butter Data CMS field.Style the
TitleandValueparts (show/hide, width, font, color, transform, prefix/suffix), plusLayoutandPadding.
Choosing what to display
Option has three settings, and each instance renders one of them — it isn't a picker for individual fields like title or price.
Option | What one instance renders |
|---|---|
| Every option on the line, each as its own title/value row — Color: Blue, Size: L. One instance covers them all. |
| Every custom attribute captured at add to cart — a gift note, an engraving — one row each. |
| The subscription plan on the line, as a single value rather than rows. |
So you add one instance per category you want to show, not one per field: a Variants instance already lists every option the line has. Values update reactively as the line changes, and prices format to the customer's active market currency automatically.
When it renders nothing
Cart Item Data renders nothing when the chosen field has no value — a product with no variant options, no custom attributes, or no selling plan. This applies everywhere: canvas, preview, and the live storefront, so an empty field never leaves a blank gap in your card design.
Previewing before a cart line exists
On the design canvas only, a connected ⛁ Butter Data lets Variants and Selling Plans preview real text with no active cart line — useful for styling before you test with a real cart.
Product Attributes is the exception: attributes only exist once a customer actually adds a line carrying them, so there's nothing to read from ⛁ Butter Data and that instance stays empty on canvas. Publish or open a browser preview and add a product with attributes to see it render.