Add to cart
The values of `bundle` inside `smootify-add-to-cart`.
On this page
At a glance
A Webflow Form Button
- For
- A button with text only.
- Loading
- Its Waiting text setting.
data-state
A Custom element with the tag button
- For
- An icon, two labels, anything inside.
- Loading
- Two elements inside:
data-state="default"anddata-state="loading".
name="buy-now"
A second button, for Buy now
- For
- Skipping the cart.
- Built with
- A Custom element with the tag button and
type="submit". Not a Webflow Button: that is a link.
More in the guide.
Where it can go
- Inside
smootify-add-to-cart.
Values
| Attribute and value | What it is | Notes |
|---|---|---|
bundle="total" | Bundle total | on text |
bundle="images" | Bundle images | One per selected add-on; on image, container |
bundle-limit="current-total" | Units in the bundle | on text |
bundle-limit="above-units" | Units above the limit | on text |
bundle-limit="missing-units" | Units missing | on text |
name="buy-now" | Buy now | Goes straight to checkout; on button |
data-state="default" | Idle label | on text, container; inside smootify-add-to-cart [type=“submit”], smootify-cart [type=“submit”], smootify-magic-box-cart [type=“submit”], klaviyo-back-in-stock [type=“submit”], customer-user-update [type=“submit”], create-address [type=“submit”], edit-address [type=“submit”], delete-address [type=“submit”], customer-subscribe-email [type=“submit”], customer-unsubscribe-email [type=“submit”], customer-metafields-editor [type=“submit”], subscription-activate [type=“submit”], subscription-pause [type=“submit”], subscription-cancel [type=“submit”], passwordless-login [type=“submit”], logout-form [type=“submit”], webflow-form [type=“submit”], newsletter-subscribe [type=“submit”], metaobject-creator [type=“submit”], metaobject-editor [type=“submit”], booking-form [type=“submit”], [form], customer-order [data-action=“buy-again”], order-page [data-action=“buy-again”], smootify-product [data-is=“direct-add-to-cart”] |
data-state="loading" | Loading label | on text, container; inside smootify-add-to-cart [type=“submit”], smootify-cart [type=“submit”], smootify-magic-box-cart [type=“submit”], klaviyo-back-in-stock [type=“submit”], customer-user-update [type=“submit”], create-address [type=“submit”], edit-address [type=“submit”], delete-address [type=“submit”], customer-subscribe-email [type=“submit”], customer-unsubscribe-email [type=“submit”], customer-metafields-editor [type=“submit”], subscription-activate [type=“submit”], subscription-pause [type=“submit”], subscription-cancel [type=“submit”], passwordless-login [type=“submit”], logout-form [type=“submit”], webflow-form [type=“submit”], newsletter-subscribe [type=“submit”], metaobject-creator [type=“submit”], metaobject-editor [type=“submit”], booking-form [type=“submit”], [form], customer-order [data-action=“buy-again”], order-page [data-action=“buy-again”], smootify-product [data-is=“direct-add-to-cart”] |