# Cart

> The cart, the mini cart and the free-shipping and countdown bars.

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

| Element | What it does |
|---|---|
| [`bundle-item`](https://www.smootify.io/docs/reference/elements/bundle-item) (template) | Template of one item of a bundle line, cloned per item. |
| [`button[data-is="direct-add-to-cart"]`](https://www.smootify.io/docs/reference/elements/button-data-is-direct-add-to-cart) | Button that adds the product’s current variant to the cart without a form. |
| [`cart-item`](https://www.smootify.io/docs/reference/elements/cart-item) (template) | Template of one cart line: the first is cloned per line, the others are removed. |
| [`free-shipping-bar`](https://www.smootify.io/docs/reference/elements/free-shipping-bar) | Shows the progress towards free shipping from the cart. |
| [`modal-backdrop`](https://www.smootify.io/docs/reference/elements/modal-backdrop) | Backdrop and animated panel of a `<details>` modal. |
| [`smootify-cart`](https://www.smootify.io/docs/reference/elements/smootify-cart) | Renders the cart and opens or closes it as a mini cart. |
| [`urgent-cart-countdown`](https://www.smootify.io/docs/reference/elements/urgent-cart-countdown) | Counts down a cart reservation and empties the cart when it ends. |