# cart-item

> Template of one cart line: the first is cloned per line, the others are removed.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/elements/cart-item  
Updated: 2026-10-13

`cart-item` is a **template**, read by [`smootify-cart`](https://www.smootify.io/docs/reference/elements/smootify-cart), [`quantity-input`](https://www.smootify.io/docs/reference/elements/quantity-input): it is never defined on its own.

## Where it can go

- **Inside** [`smootify-cart`](https://www.smootify.io/docs/reference/elements/smootify-cart).
- **Out of place,** it stays in the page and does nothing.

## What it requires

Nothing beyond Smootify: it works on every plan.

## Attributes on the element

- **Smootify writes** `data-id` on it: do not set them yourself.

## Attributes inside it

| Group | Attribute name | Values |
|---|---|---|
| [Discount](https://www.smootify.io/docs/reference/attributes/discount) | `discount` | 2 |
| [Cart line](https://www.smootify.io/docs/reference/attributes/cart-item) | `cart-item` | 19 |
| [Line option](https://www.smootify.io/docs/reference/attributes/line-option) | `option` | 2 |
| [Image size](https://www.smootify.io/docs/reference/attributes/image-size) | `max-width` | 4 |
| [Product metafield](https://www.smootify.io/docs/reference/attributes/product-metafield) | `metafield` | 8 |
| [Product metafield (condition)](https://www.smootify.io/docs/reference/conditions/product-metafield) | `if-metafield` | 4 |