# smootify-price

> Writes the price, compare-at price and total of its scope into its children. Inside subscription-swatches it shows its own option's price whatever plan is chosen: in a plan's radio that plan, in the one-time tab or radio the price without a plan, and (2.0) in a group's tab link its first plan.

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

## Where it can go

- **Inside any of:** [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product), [`smootify-variant`](https://www.smootify.io/docs/reference/elements/smootify-variant), [`smootify-magic-box-cart`](https://www.smootify.io/docs/reference/elements/smootify-magic-box-cart), [`box-item`](https://www.smootify.io/docs/reference/elements/box-item).
- **Out of place,** it stays in the page and does nothing: renders only when a script calls manualChange().

## What it requires

Nothing beyond Smootify: it works on every plan.

## Attributes on the element

- **It reads** `no-quantity`, `data-ignore`, `data-remove`, `data-replace`, `skeleton`.

## Attributes inside it

| Group | Attribute name | Values |
|---|---|---|
| [Price](https://www.smootify.io/docs/reference/attributes/price) | `data-prop` | 3 |
| [Loading](https://www.smootify.io/docs/reference/attributes/loading) | `skeleton` | 5 |

## Loading

Defined at boot on every page.