# box-item

> One line of the box, cloned from the first box-item for each picked item.

Status: Ready (Smootify 2.0)  
Add-on: Magic Box  
URL: https://www.smootify.io/docs/reference/elements/box-item  
Updated: 2026-10-13

## Where it can go

- **Inside any of:** [`smootify-magic-box-cart`](https://www.smootify.io/docs/reference/elements/smootify-magic-box-cart), [`cart-item`](https://www.smootify.io/docs/reference/elements/cart-item).
- **Out of place,** it stays in the page and does nothing: needs the data-hash the box cart writes.

## What it requires

- The **Magic Box** extension (the extension activated in the Smootify dashboard, on every plan). Without it, the element does nothing.

## Attributes on the element

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

## Attributes inside it

| Group | Attribute name | Values |
|---|---|---|
| [Product](https://www.smootify.io/docs/reference/attributes/product) | `product` | 30 |
| [Selected variant](https://www.smootify.io/docs/reference/attributes/variant) | `variant` | 28 |
| [Box item](https://www.smootify.io/docs/reference/attributes/box-item) | `box-item` | 6 |
| [Image size](https://www.smootify.io/docs/reference/attributes/image-size) | `max-width` | 4 |