# Attributes

> The attributes Smootify fills in an element, and their values.

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

Put an attribute on a Webflow element inside the right Smootify element, and Smootify writes the value into it. A value Smootify does not know leaves the element as designed, empty: nothing warns.

| Group | Attribute name | Works inside |
|---|---|---|
| [Product](https://www.smootify.io/docs/reference/attributes/product) | `product` | [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product), [`smootify-variant`](https://www.smootify.io/docs/reference/elements/smootify-variant), [`box-item`](https://www.smootify.io/docs/reference/elements/box-item) |
| [Gallery parts](https://www.smootify.io/docs/reference/attributes/gallery) | `gallery` | `smootify-product [product="gallery"]` |
| [Selected variant](https://www.smootify.io/docs/reference/attributes/variant) | `variant` | [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product), [`smootify-variant`](https://www.smootify.io/docs/reference/elements/smootify-variant), [`box-item`](https://www.smootify.io/docs/reference/elements/box-item) |
| [Bundle component](https://www.smootify.io/docs/reference/attributes/component) | `component` | `[variant="components"]` |
| [Variant swatch](https://www.smootify.io/docs/reference/attributes/variant-swatch) | `swatch` | `smootify-variant [variant="swatch1"]`, `smootify-variant [variant="swatch2"]`, `smootify-variant [variant="swatch3"]` |
| [Option buttons](https://www.smootify.io/docs/reference/attributes/option) | `option` | [`variant-swatches`](https://www.smootify.io/docs/reference/elements/variant-swatches), [`variant-dropdown`](https://www.smootify.io/docs/reference/elements/variant-dropdown), [`variant-popover`](https://www.smootify.io/docs/reference/elements/variant-popover), [`addon-swatches`](https://www.smootify.io/docs/reference/elements/addon-swatches), `smootify-product [product="option-values"]` |
| [Each value](https://www.smootify.io/docs/reference/attributes/option-value-self) | `option` | [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product) |
| [Selected value](https://www.smootify.io/docs/reference/attributes/selected-option) | `selected-option` | [`variant-swatches`](https://www.smootify.io/docs/reference/elements/variant-swatches), [`variant-dropdown`](https://www.smootify.io/docs/reference/elements/variant-dropdown), [`variant-popover`](https://www.smootify.io/docs/reference/elements/variant-popover), [`variant-selector`](https://www.smootify.io/docs/reference/elements/variant-selector) |
| [Add to cart](https://www.smootify.io/docs/reference/attributes/add-to-cart) | `bundle` | [`smootify-add-to-cart`](https://www.smootify.io/docs/reference/elements/smootify-add-to-cart) |
| [Quantity](https://www.smootify.io/docs/reference/attributes/quantity) | `data-action` | [`quantity-input`](https://www.smootify.io/docs/reference/elements/quantity-input) |
| [Price](https://www.smootify.io/docs/reference/attributes/price) | `data-prop` | [`smootify-price`](https://www.smootify.io/docs/reference/elements/smootify-price) |
| [Selling plans](https://www.smootify.io/docs/reference/attributes/selling-plan) | `subscription-group` | [`subscription-swatches`](https://www.smootify.io/docs/reference/elements/subscription-swatches) |
| [Cart](https://www.smootify.io/docs/reference/attributes/cart) | `cart` | [`smootify-cart`](https://www.smootify.io/docs/reference/elements/smootify-cart) |
| [Discount](https://www.smootify.io/docs/reference/attributes/discount) | `discount` | `smootify-cart [cart="discount"]`, `cart-item [cart-item="discount"]` |
| [Gift card](https://www.smootify.io/docs/reference/attributes/gift-card) | `gift-card` | `smootify-cart [cart="gift-card"]` |
| [Cart form and buttons](https://www.smootify.io/docs/reference/attributes/cart-form) | `data-name` | [`smootify-cart`](https://www.smootify.io/docs/reference/elements/smootify-cart) |
| [Cart line](https://www.smootify.io/docs/reference/attributes/cart-item) | `cart-item` | [`cart-item`](https://www.smootify.io/docs/reference/elements/cart-item) |
| [Line option](https://www.smootify.io/docs/reference/attributes/line-option) | `option` | `cart-item [cart-item="options"]`, `line-item [line-item="option"]` |
| [Bundle line](https://www.smootify.io/docs/reference/attributes/bundle-item) | `bundle-item` | [`bundle-item`](https://www.smootify.io/docs/reference/elements/bundle-item) |
| [Box item](https://www.smootify.io/docs/reference/attributes/box-item) | `box-item` | [`box-item`](https://www.smootify.io/docs/reference/elements/box-item) |
| [Image size](https://www.smootify.io/docs/reference/attributes/image-size) | `max-width` | [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product), [`smootify-variant`](https://www.smootify.io/docs/reference/elements/smootify-variant), [`cart-item`](https://www.smootify.io/docs/reference/elements/cart-item), [`bundle-item`](https://www.smootify.io/docs/reference/elements/bundle-item), [`box-item`](https://www.smootify.io/docs/reference/elements/box-item), [`smootify-metaobject`](https://www.smootify.io/docs/reference/elements/smootify-metaobject) |
| [Loading](https://www.smootify.io/docs/reference/attributes/loading) | `skeleton` | [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product), [`smootify-variant`](https://www.smootify.io/docs/reference/elements/smootify-variant), [`smootify-cart`](https://www.smootify.io/docs/reference/elements/smootify-cart), [`customer-orders`](https://www.smootify.io/docs/reference/elements/customer-orders), [`order-page`](https://www.smootify.io/docs/reference/elements/order-page), [`store-credit`](https://www.smootify.io/docs/reference/elements/store-credit), [`subscription-swatches`](https://www.smootify.io/docs/reference/elements/subscription-swatches), [`smootify-metaobjects`](https://www.smootify.io/docs/reference/elements/smootify-metaobjects), [`smootify-price`](https://www.smootify.io/docs/reference/elements/smootify-price), [`smootify-metaobject`](https://www.smootify.io/docs/reference/elements/smootify-metaobject), [`smootify-search-discovery`](https://www.smootify.io/docs/reference/elements/smootify-search-discovery), [`smootify-search-page`](https://www.smootify.io/docs/reference/elements/smootify-search-page), [`customer-subscriptions`](https://www.smootify.io/docs/reference/elements/customer-subscriptions), [`subscription-page`](https://www.smootify.io/docs/reference/elements/subscription-page) |
| [When the value is missing](https://www.smootify.io/docs/reference/attributes/fallback) | `data-fallback` | anywhere |
| [Form field](https://www.smootify.io/docs/reference/attributes/form-field) | `data-required` | anywhere |
| [Form values in the page](https://www.smootify.io/docs/reference/attributes/form-values) | `form-value` | [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product) |
| [Product metafield](https://www.smootify.io/docs/reference/attributes/product-metafield) | `metafield` | [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product), [`cart-item`](https://www.smootify.io/docs/reference/elements/cart-item) |
| [Reference parts](https://www.smootify.io/docs/reference/attributes/reference) | `reference` | `[metafield]`, `[variant-metafield]`, `[metaobject]`, `[customer-metafield]`, `[company-metafield]` |
| [Variant metafield](https://www.smootify.io/docs/reference/attributes/variant-metafield) | `variant-metafield` | [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product), [`smootify-variant`](https://www.smootify.io/docs/reference/elements/smootify-variant) |
| [Option metafield](https://www.smootify.io/docs/reference/attributes/option-metafield) | `option-metafield` | [`variant-swatches`](https://www.smootify.io/docs/reference/elements/variant-swatches), [`variant-dropdown`](https://www.smootify.io/docs/reference/elements/variant-dropdown), [`variant-popover`](https://www.smootify.io/docs/reference/elements/variant-popover), [`addon-swatches`](https://www.smootify.io/docs/reference/elements/addon-swatches), `smootify-product [product="option-values"]` |
| [Metaobject field](https://www.smootify.io/docs/reference/attributes/metaobject) | `metaobject` | [`smootify-metaobject`](https://www.smootify.io/docs/reference/elements/smootify-metaobject), `[metafield]`, `[variant-metafield]`, `[customer-metafield]`, `[company-metafield]` |
| [Metaobject list](https://www.smootify.io/docs/reference/attributes/metaobjects-list) | `data-action` | [`smootify-metaobjects`](https://www.smootify.io/docs/reference/elements/smootify-metaobjects) |
| [Metaobject form buttons](https://www.smootify.io/docs/reference/attributes/metaobject-actions) | `data-action` | [`metaobject-creator`](https://www.smootify.io/docs/reference/elements/metaobject-creator), [`metaobject-editor`](https://www.smootify.io/docs/reference/elements/metaobject-editor) |
| [Quantities of a metaobject’s products](https://www.smootify.io/docs/reference/attributes/metaobject-quantity) | `metaobject-quantity` | `smootify-product[data-requested]`, `smootify-product[data-fulfilled]` |
| [Customer](https://www.smootify.io/docs/reference/attributes/customer) | `customer` | anywhere |
| [Customer metafield](https://www.smootify.io/docs/reference/attributes/customer-metafield) | `customer-metafield` | anywhere |
| [Order](https://www.smootify.io/docs/reference/attributes/order) | `order` | [`customer-order`](https://www.smootify.io/docs/reference/elements/customer-order), [`order-page`](https://www.smootify.io/docs/reference/elements/order-page) |
| [Account list pages](https://www.smootify.io/docs/reference/attributes/account-lists) | `data-action` | [`customer-orders`](https://www.smootify.io/docs/reference/elements/customer-orders), [`customer-subscriptions`](https://www.smootify.io/docs/reference/elements/customer-subscriptions) |
| [Order line](https://www.smootify.io/docs/reference/attributes/line-item) | `line-item` | [`line-item`](https://www.smootify.io/docs/reference/elements/line-item) |
| [Subscription line](https://www.smootify.io/docs/reference/attributes/subscription-line-item) | `line-item` | [`subscription-line-item`](https://www.smootify.io/docs/reference/elements/subscription-line-item) |
| [Fulfillment](https://www.smootify.io/docs/reference/attributes/fulfillment) | `fulfillment` | [`order-fulfillment`](https://www.smootify.io/docs/reference/elements/order-fulfillment) |
| [Subscription](https://www.smootify.io/docs/reference/attributes/subscription) | `subscription` | [`customer-subscription`](https://www.smootify.io/docs/reference/elements/customer-subscription), [`subscription-page`](https://www.smootify.io/docs/reference/elements/subscription-page) |
| [Address](https://www.smootify.io/docs/reference/attributes/address) | `address` | `customer-addresses customer-address` |
| [Store credit](https://www.smootify.io/docs/reference/attributes/store-credit) | `store-credit` | [`store-credit`](https://www.smootify.io/docs/reference/elements/store-credit) |
| [Search and filters](https://www.smootify.io/docs/reference/attributes/search-discovery) | `filter` | [`smootify-search-discovery`](https://www.smootify.io/docs/reference/elements/smootify-search-discovery) |
| [Price filter](https://www.smootify.io/docs/reference/attributes/filter-price) | `filter-price` | [`filter-price`](https://www.smootify.io/docs/reference/elements/filter-price) |
| [Filter swatch](https://www.smootify.io/docs/reference/attributes/filter-swatch) | `swatch` | [`filter-swatches`](https://www.smootify.io/docs/reference/elements/filter-swatches) |
| [Search page](https://www.smootify.io/docs/reference/attributes/search-page) | `search` | [`smootify-search-page`](https://www.smootify.io/docs/reference/elements/smootify-search-page) |
| [Predictive search](https://www.smootify.io/docs/reference/attributes/predictive-search) | `search` | [`smootify-search`](https://www.smootify.io/docs/reference/elements/smootify-search) |
| [Wishlist](https://www.smootify.io/docs/reference/attributes/wishlist) | `wishlist` | anywhere |
| [Shop policy](https://www.smootify.io/docs/reference/attributes/policy) | `policy` | anywhere |
| [Store](https://www.smootify.io/docs/reference/attributes/store-locator) | `location` | `store-locator store-location`, `store-locator store-popup` |
| [Booking](https://www.smootify.io/docs/reference/attributes/booking) | `booking` | [`booking-calendar`](https://www.smootify.io/docs/reference/elements/booking-calendar) |
| [Booking days](https://www.smootify.io/docs/reference/attributes/booking-nav) | `data-action` | [`booking-calendar`](https://www.smootify.io/docs/reference/elements/booking-calendar) |
| [Booking form fields](https://www.smootify.io/docs/reference/attributes/booking-form) | `name` | [`booking-form`](https://www.smootify.io/docs/reference/elements/booking-form) |
| [Pickup location](https://www.smootify.io/docs/reference/attributes/pickup-location) | `location` | `store-availability store-location`, [`store-availability`](https://www.smootify.io/docs/reference/elements/store-availability) |
| [Country switcher](https://www.smootify.io/docs/reference/attributes/country-switcher) | `data-prop` | [`country-switcher`](https://www.smootify.io/docs/reference/elements/country-switcher) |
| [Market suggestion](https://www.smootify.io/docs/reference/attributes/market-dialog) | `market-dialog` | `[data-is="market-dialog"]` |
| [Location switcher](https://www.smootify.io/docs/reference/attributes/location-switcher) | `location` | [`location-switcher`](https://www.smootify.io/docs/reference/elements/location-switcher) |
| [Free shipping bar](https://www.smootify.io/docs/reference/attributes/free-shipping) | `data-prop` | [`free-shipping-bar`](https://www.smootify.io/docs/reference/elements/free-shipping-bar) |
| [Cart countdown](https://www.smootify.io/docs/reference/attributes/countdown) | `data-prop` | [`urgent-cart-countdown`](https://www.smootify.io/docs/reference/elements/urgent-cart-countdown) |
| [Magic box](https://www.smootify.io/docs/reference/attributes/magic-box) | `data-prop` | [`smootify-magic-box-cart`](https://www.smootify.io/docs/reference/elements/smootify-magic-box-cart) |
| [Cookie consent](https://www.smootify.io/docs/reference/attributes/consent) | `data-action` | [`smootify-consent`](https://www.smootify.io/docs/reference/elements/smootify-consent) |
| [File upload](https://www.smootify.io/docs/reference/attributes/upload) | `upload` | [`file-uploader`](https://www.smootify.io/docs/reference/elements/file-uploader), [`file-input`](https://www.smootify.io/docs/reference/elements/file-input), [`configurator-file-input`](https://www.smootify.io/docs/reference/elements/configurator-file-input) |
| [Toasts](https://www.smootify.io/docs/reference/attributes/toast) | `toast` | [`smootify-toasts`](https://www.smootify.io/docs/reference/elements/smootify-toasts) |
| [Toast content](https://www.smootify.io/docs/reference/attributes/toast-item) | `toast-item` | `smootify-toasts [toast]` |
| [Toast buttons](https://www.smootify.io/docs/reference/attributes/toast-actions) | `data-action` | `smootify-toasts [toast]` |
| [Off-canvas panel](https://www.smootify.io/docs/reference/attributes/modal-backdrop) | `data-action` | anywhere |