Cart form and buttons
The values of `data-name` inside `smootify-cart`.
On this page
Where it can go
- Inside
smootify-cart.
Values
| Attribute and value | What it is | Notes |
|---|---|---|
data-name="attribute name" | Cart attribute | The field becomes a cart attribute; on input |
name="coupon" | Coupon field | Applied with the coupon button; on input |
name="gift-card" | Gift card field | Applied with the gift card button; on input |
name="note" | Note for the seller | A textarea; on input |
data-action="open-cart" | Open the cart | on button |
data-action="close-cart" | Close the cart | on button |
data-action="open" | Open the cart (short) | Same as open-cart; on button |
data-action="close" | Close the cart (short) | Same as close-cart; on button |
data-action="coupon" | Apply the coupon | on button |
data-action="gift-card" | Apply the gift card | on button |
data-action="remove" | Remove the line | on button; inside box-item, cart-item, smootify-cart [cart=“discount”], smootify-cart [cart=“gift-card”] |
name="draft-order" | Ask for a quote | A draft order instead of checkout; on button |
data-wait="Updating…" | Label while waiting | Only on a Form Button (an input); on a <button>, use data-state children; on input |