# smootify-magic-box-cart

> Box panel: picked items, counters, totals and the form that adds the whole box to the cart.

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

## Where it can go

- **Inside** [`smootify-magic-box`](https://www.smootify.io/docs/astro/reference/elements/smootify-magic-box).
- **Must contain** `form`, [`box-item`](https://www.smootify.io/docs/astro/reference/elements/box-item).
- **Out of place,** Smootify removes it from the page.

## What it requires

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

## Fields in the form

Each field’s `name` attribute tells Smootify what the field holds.

| Name | Field | What it does |
|---|---|---|
| `buy-now` (submit button) | button | The box goes straight to checkout (also `data-buy-now`). |
| any name | any field | A property of the box’s first line, named as the field’s `data-name`; empty values are not sent. |

## Attributes on the element

- **It reads** `data-buy-now`.

## Attributes inside it

| Group | Attribute name | Values |
|---|---|---|
| [Magic box](https://www.smootify.io/docs/astro/reference/attributes/magic-box) | `data-prop` | 10 |
| [Magic box (condition)](https://www.smootify.io/docs/astro/reference/conditions/magic-box) | `box-condition` | 2 |