[System] You are a VTEX documentation expert. You provide accurate, detailed information about VTEX platform, APIs, apps, and Store Framework development.

[User] Provide a guide on guides faststore molecules cart item in VTEX.

[Assistant]
Documentation

[Feedback](https://read.calvincode.net/reader?url=https://docs.google.com/forms/d/e/1FAIpQLSfmnotPvPjw-SjiE7lt2Nt3RQgNUe10ixXZmuO2v9enOJReoQ/viewform?entry.1972292648=developers.vtex.com%26entry.1799503232=)

[GuidesLearn how to use our APIs and extend the VTEX platform.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides)

[API ReferenceExplore detailed information about our endpoints.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/api-reference)

[App DevelopmentLearn how to build cloud-based apps and integrations.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/app-development)

[Storefront DevelopmentExpress your brand identity creating unique storefronts.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/storefront-development)

[VTEX IO AppsFind pre-built solutions to grow your business.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/vtex-io-apps)

[TroubleshootingFind practical solutions to common development issues.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/troubleshooting)

[Release NotesStay up to date with our latest releases and bug fixes.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/updates/release-notes)

Storefront Development

[Getting started with storefront solutions](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/getting-started-with-storefront-solutions)

---

[FastStore](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore)

[FastStore versions and support levels](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/getting-started-faststore-versions-and-support-levels)

[Getting Started](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/getting-started-overview)

[FastStore WebOps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/webops-dashboard)

[Headless CMS](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/headless-cms-overview)

[Developer tools and references](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/developer-tools-overview)

[Styling](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/styling-overview)

[UI components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/components-index)

[Atoms](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/atoms-overview)

[Molecules](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-overview)

[Accordion](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-accordion)

[Alert](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-alert)

[Breadcrumb](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-breadcrumb)

[BuyButton](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-buy-button)

[Card](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-card)

[Carousel](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-carousel)

[CartItem](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item)

[CheckboxField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-checkbox-field)

[DiscountBadge](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-discount-badge)

[Dropdown](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-dropdown)

[Gift](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-gift)

[IconButton](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-icon-button)

[InputField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-input-field)

[LinkButton](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-link-button)

[Modal](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-modal)

[NavbarLinks](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-navbar-links)

[OrderSummary](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-order-summary)

[Popover](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-popover)

[ProductCard](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-product-card)

[ProductPrice](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-product-price)

[ProductTitle](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-product-title)

[QuantitySelector](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-quantity-selector)

[RadioField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-radio-field)

[RadioGroup](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-radio-group)

[Rating](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-rating)

[RatingField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-rating-field)

[RegionBar](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-region-bar)

[SearchAutocomplete](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-auto-complete)

[SearchDropdown](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-dropdown)

[SearchHistory](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-history)

[SearchInputField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-input-field)

[SearchProducts](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-products)

[SearchTop](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-top)

[SelectField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-select-field)

[SKUSelector](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-sku-selector)

[Table](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-table)

[Tag](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-tag)

[TextareaField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-textarea-field)

[Toast](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-toast)

[Toggle](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-toggle)

[ToggleField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-toggle-field)

[Tooltip](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-tooltip)

[Organisms](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/organisms-overview)

[Implementing storefront features](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/storefront-features-overview)

[FastStore API](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/faststore-api-overview)

[FastStore SDK](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/sdk-overview)

[Developing and overriding UI components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/developing-and-overriding-components-overview)

[Extending the FastStore API](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/api-extensions-overview)

[Managing URLs with redirects and rewrite paths](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/routing-managing-urls-with-redirects-and-rewrite-paths)

[Managing performance](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/managing-performance-overview)

[SEO](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/seo-overview)

[Going live](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/go-live-overview)

[Troubleshooting](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/troubleshooting-overview)

---

[Store Framework](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/store-framework)

---

(Legacy) CMS Portal

---

[Storefront best practices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/storefront-best-practices)

---

[Guides](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides)

[API Reference](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/api-reference)

[App Development](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/app-development)

[Storefront Development](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/storefront-development)

[VTEX IO Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/vtex-io-apps)

[Troubleshooting](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/troubleshooting)

---

[Release Notes](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/updates/release-notes)

Storefront Development

[Getting started with storefront solutions](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/getting-started-with-storefront-solutions)

---

[FastStore](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore)

[FastStore versions and support levels](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/getting-started-faststore-versions-and-support-levels)

[Getting Started](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/getting-started-overview)

[FastStore WebOps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/webops-dashboard)

[Headless CMS](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/headless-cms-overview)

[Developer tools and references](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/developer-tools-overview)

[Styling](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/styling-overview)

[UI components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/components-index)

[Atoms](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/atoms-overview)

[Molecules](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-overview)

[Accordion](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-accordion)

[Alert](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-alert)

[Breadcrumb](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-breadcrumb)

[BuyButton](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-buy-button)

[Card](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-card)

[Carousel](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-carousel)

[CartItem](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item)

[CheckboxField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-checkbox-field)

[DiscountBadge](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-discount-badge)

[Dropdown](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-dropdown)

[Gift](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-gift)

[IconButton](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-icon-button)

[InputField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-input-field)

[LinkButton](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-link-button)

[Modal](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-modal)

[NavbarLinks](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-navbar-links)

[OrderSummary](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-order-summary)

[Popover](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-popover)

[ProductCard](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-product-card)

[ProductPrice](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-product-price)

[ProductTitle](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-product-title)

[QuantitySelector](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-quantity-selector)

[RadioField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-radio-field)

[RadioGroup](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-radio-group)

[Rating](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-rating)

[RatingField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-rating-field)

[RegionBar](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-region-bar)

[SearchAutocomplete](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-auto-complete)

[SearchDropdown](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-dropdown)

[SearchHistory](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-history)

[SearchInputField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-input-field)

[SearchProducts](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-products)

[SearchTop](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-search-top)

[SelectField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-select-field)

[SKUSelector](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-sku-selector)

[Table](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-table)

[Tag](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-tag)

[TextareaField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-textarea-field)

[Toast](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-toast)

[Toggle](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-toggle)

[ToggleField](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-toggle-field)

[Tooltip](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-tooltip)

[Organisms](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/organisms-overview)

[Implementing storefront features](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/storefront-features-overview)

[FastStore API](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/faststore-api-overview)

[FastStore SDK](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/sdk-overview)

[Developing and overriding UI components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/developing-and-overriding-components-overview)

[Extending the FastStore API](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/api-extensions-overview)

[Managing URLs with redirects and rewrite paths](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/routing-managing-urls-with-redirects-and-rewrite-paths)

[Managing performance](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/managing-performance-overview)

[SEO](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/seo-overview)

[Going live](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/go-live-overview)

[Troubleshooting](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/troubleshooting-overview)

---

[Store Framework](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/store-framework)

---

(Legacy) CMS Portal

---

[Storefront best practices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/storefront-best-practices)

---

[Storefront development](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/storefront-development)

[FastStore](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore)

[UI components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/components-index)

[Molecules](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-overview)

CartItem

Displays the summary information of a product in the cart.

[ Source code](https://read.calvincode.net/reader?url=https://github.com/vtex/faststore/tree/main/packages/components/src/molecules/CartItem)

The `CartItem` component displays the summary information of a product in the cart. It's a compound component that combines product image, summary details, pricing, and quantity controls. Typical use cases include:

* Displaying items in shopping cart sidebars and drawers.
* Showing cart contents in checkout flows.
* Listing items in minicart dropdowns.
* Presenting cart items in cart pages.

Example

Code

![appleblack](https://read.calvincode.net/reader?url=https://storeframework.vtexassets.com/arquivos/ids/190932/mouse-black.jpg?v=1759260622)

Apple Magic Mouse

Color: Black

Size: Medium

Original price:$999Price:$950.04

---

## Usage

### Import the component

`1

import { CartItem, CartItemImage, CartItemSummary } from "@faststore/ui";

`

### Import styles

To apply styles, include the following in your stylesheet:

`1

@import "@faststore/ui/src/components/molecules/CartItem/styles.scss";

`

For details, see [Importing FastStore UI component styles](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/using-themes-importing-ui-components-styles).

---

## Examples

### Unavailable

Example

Code

![appleblack](https://read.calvincode.net/reader?url=https://storeframework.vtexassets.com/arquivos/ids/190932/mouse-black.jpg?v=1759260622)

Apple Magic Mouse

Color: Black

Size: Medium

Original price:$999Price:$950.04

### With discount

Example

Code

![appleblack](https://read.calvincode.net/reader?url=https://storeframework.vtexassets.com/arquivos/ids/190932/mouse-black.jpg?v=1759260622)

Apple Magic Mouse

Color: Black

Size: Medium

Original price:$999Price:$950.04

---

## Design tokens

| Local token                   | Default value/Global token linked |
| ----------------------------- | --------------------------------- |
| \--fs-cart-item-padding       | var(--fs-spacing-3)               |
| \--fs-cart-item-bkg-color     | var(--fs-control-bkg)             |
| \--fs-cart-item-border-width  | var(--fs-border-width)            |
| \--fs-cart-item-border-color  | var(--fs-border-color-light)      |
| \--fs-cart-item-border-radius | var(--fs-border-radius)           |

### Design tokens: Image

Cart item images use consistent sizing and border radius to maintain visual consistency and alignment within the cart item layout.

| Local token                         | Default value/Global token linked |
| ----------------------------------- | --------------------------------- |
| \--fs-cart-item-image-border-radius | var(--fs-cart-item-border-radius) |
| \--fs-cart-item-image-width         | var(--fs-spacing-8)               |
| \--fs-cart-item-image-height        | var(--fs-cart-item-image-width)   |

### Design tokens: Title

Title tokens control typography and spacing for the product name, ensuring clear readability and proper visual hierarchy within the cart item.

| Local token                         | Default value/Global token linked |
| ----------------------------------- | --------------------------------- |
| \--fs-cart-item-title-margin-bottom | var(--fs-spacing-0)               |
| \--fs-cart-item-title-line-height   | 1.2                               |
| \--fs-cart-item-title-color         | var(--fs-color-text)              |

### Design tokens: SKUs

SKU tokens manage the display of product variations (size, color, etc.), using compact typography and spacing to present multiple attributes without overwhelming the cart item layout.

| Local token                      | Default value/Global token linked |
| -------------------------------- | --------------------------------- |
| \--fs-cart-item-skus-margin-top  | var(--fs-spacing-0)               |
| \--fs-cart-item-skus-text-size   | var(--fs-text-size-legend)        |
| \--fs-cart-item-skus-text-color  | var(--fs-color-text-light)        |
| \--fs-cart-item-skus-line-height | var(--fs-text-size-body)          |
| \--fs-cart-item-skus-column-gap  | var(--fs-spacing-1)               |
| \--fs-cart-item-skus-row-gap     | var(--fs-spacing-0)               |

### Design tokens: Prices

Price tokens control spacing between price elements, ensuring clear presentation of current and list prices when discounts are applied.

| Local token               | Default value/Global token linked |
| ------------------------- | --------------------------------- |
| \--fs-cart-item-price-gap | var(--fs-spacing-1)               |

---

## Data attributes

You can target and override `CartItem` styles using the following data attributes:

`data-fs-cart-item`

`data-fs-cart-item="unavailable"`

`data-fs-cart-item-content`

`data-fs-cart-item-image`

`data-fs-cart-item-summary`

`data-fs-cart-item-title`

`data-fs-cart-item-skus`

`data-fs-cart-item-remove-button`

`data-fs-cart-item-prices`

`data-fs-cart-item-actions`

---

## Props

### CartItem

| Name                  | Type                     | Description                                                                            | Default      |
| --------------------- | ------------------------ | -------------------------------------------------------------------------------------- | ------------ |
| **testId**            | string                   | ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest). | fs-cart-item |
| **price**             | PriceDefinition          | Specifies product Price.                                                               |              |
| **quantity**          | number                   | Specifies the quantity of items of the same product.                                   |              |
| **unitMultiplier**    | number                   | Controls by how many units the value advances                                          |              |
| **useUnitMultiplier** | false \| true            | Controls wheter you use or not the unitMultiplier                                      |              |
| **unavailable**       | false \| true            | Specifies that this product is unavailable.                                            |              |
| **removeBtnProps**    | Partial<IconButtonProps> | Props for the Remove from cart IconButton component.                                   |              |
| **onQuantityChange**  | (value: number) => void  | Event emitted when product quantity value is changed.                                  |              |

### CartItemImage

| Name       | Type   | Description                                                                            | Default            |
| ---------- | ------ | -------------------------------------------------------------------------------------- | ------------------ |
| **testId** | string | ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest). | fs-cart-item-image |

### CartItemSummary

| Name                 | Type                                   | Description                                                                            | Default              |
| -------------------- | -------------------------------------- | -------------------------------------------------------------------------------------- | -------------------- |
| **testId**           | string                                 | ID to find this component in testing tools (e.g.: Cypress, Testing Library, and Jest). | fs-cart-item-summary |
| **title\***          | string                                 | Specifies the product's title.                                                         |                      |
| **activeVariations** | { label: string; option: string; }\[\] | Array of the product's chosen variations.                                              | \[\]                 |

### Other Resources

#### PriceDefinition

| Name          | Type           | Description                                         | Default |
| ------------- | -------------- | --------------------------------------------------- | ------- |
| **value**     | number         | The raw price value.                                |         |
| **listPrice** | number         | Product's list price                                |         |
| **formatter** | PriceFormatter | (price: number, variant: PriceVariant) => ReactNode |         |

---

## Best Practices

### ✅ Do's

* Always include a product image using `CartItemImage` to help users identify items in their cart.
* Display clear pricing information, including both current price and list price when applicable.
* Show product variations (size, color, etc.) using `activeVariations` in `CartItemSummary` to help users distinguish between similar items.
* Use the `unavailable` prop to clearly indicate when an item is no longer available for purchase.
* Ensure product images have descriptive `alt` text for accessibility.
* Display accurate quantity information to help users track their cart contents.

### ❌ Don'ts

* Don't omit essential product information such as title, price, or image.
* Don't use generic placeholder images when product images are available.
* Don't hide quantity controls or make them difficult to access.
* Avoid displaying cart items without proper spacing or visual separation between items.
* Don't forget to handle unavailable items appropriately—either remove them or clearly mark them as unavailable.

---

## Related components

* Open Cart
CartSidebar
CartSidebar displays a sidebar with cart items and summary information.
[See more ](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/organisms-cart-sidebar)

Contributors

4

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F112641072%3Fv%3D4%26w=64%26q=75)](https://github.com/barbara-celi)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F67270558%3Fv%3D4%26w=64%26q=75)](https://github.com/mariana-caetano)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F60782333%3Fv%3D4%26w=64%26q=75)](https://github.com/carolinamenezes)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F62757720%3Fv%3D4%26w=64%26q=75)](https://github.com/aliceoq)

Was this helpful?

Yes

No

[Suggest Edits (GitHub)](https://read.calvincode.net/reader?url=https://github.com/vtexdocs/dev-portal-content/edit/main/docs/faststore/components/molecules/cart-item.mdx)

[Carousel« Previous](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-carousel)[CheckboxFieldNext »](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-checkbox-field)

Contributors

4

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F112641072%3Fv%3D4%26w=64%26q=75)](https://github.com/barbara-celi)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F67270558%3Fv%3D4%26w=64%26q=75)](https://github.com/mariana-caetano)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F60782333%3Fv%3D4%26w=64%26q=75)](https://github.com/carolinamenezes)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F62757720%3Fv%3D4%26w=64%26q=75)](https://github.com/aliceoq)

ON THIS PAGE

[Usage](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23usage)

[Import the component](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23import-the-component)[Import styles](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23import-styles)

[Examples](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23examples)

[Unavailable](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23unavailable)[With discount](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23with-discount)

[Design tokens](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens)

[Design tokens: Image](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens-image)[Design tokens: Title](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens-title)[Design tokens: SKUs](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens-skus)[Design tokens: Prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens-prices)

[Data attributes](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23data-attributes)

[Props](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23props)

[CartItem](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23cartitem)[CartItemImage](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23cartitemimage)[CartItemSummary](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23cartitemsummary)[Other Resources](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23other-resources)

[Best Practices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23best-practices)

[✅ Do's](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23-dos)[❌ Don'ts](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23-donts)

[Related components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23related-components)

Was this helpful?

 Send feedback

[Suggest edits (GitHub)](https://read.calvincode.net/reader?url=https://github.com/vtexdocs/dev-portal-content/edit/main/docs/faststore/components/molecules/cart-item.mdx)

Copy page

On this page

ON THIS PAGE

[Usage](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23usage)

[Import the component](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23import-the-component)[Import styles](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23import-styles)

[Examples](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23examples)

[Unavailable](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23unavailable)[With discount](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23with-discount)

[Design tokens](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens)

[Design tokens: Image](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens-image)[Design tokens: Title](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens-title)[Design tokens: SKUs](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens-skus)[Design tokens: Prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23design-tokens-prices)

[Data attributes](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23data-attributes)

[Props](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23props)

[CartItem](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23cartitem)[CartItemImage](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23cartitemimage)[CartItemSummary](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23cartitemsummary)[Other Resources](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23other-resources)

[Best Practices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23best-practices)

[✅ Do's](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23-dos)[❌ Don'ts](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23-donts)

[Related components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/faststore/molecules-cart-item/docs/guides/faststore/molecules-cart-item%23related-components)

On this page

[Github](https://read.calvincode.net/reader?url=https://github.com/vtex-apps)[Help Center](https://read.calvincode.net/reader?url=https://help.vtex.com/)[Community](https://read.calvincode.net/reader?url=https://community.vtex.com/?%5Fga=2.198523433.743584735.1647618303-1974737580.1645714642)[Feedback](https://read.calvincode.net/reader?url=https://docs.google.com/forms/d/e/1FAIpQLSfmnotPvPjw-SjiE7lt2Nt3RQgNUe10ixXZmuO2v9enOJReoQ/viewform?entry.1972292648=developers.vtex.com%26entry.1799503232=)


[System] You are a VTEX documentation expert. You provide accurate, detailed information about VTEX platform, APIs, apps, and Store Framework development.

[User] Provide a guide on guides pricing overview in VTEX.

[Assistant]
Documentation

[Feedback](https://read.calvincode.net/reader?url=https://docs.google.com/forms/d/e/1FAIpQLSfmnotPvPjw-SjiE7lt2Nt3RQgNUe10ixXZmuO2v9enOJReoQ/viewform?entry.1972292648=developers.vtex.com%26entry.1799503232=)

[GuidesLearn how to use our APIs and extend the VTEX platform.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides)

[API ReferenceExplore detailed information about our endpoints.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/api-reference)

[App DevelopmentLearn how to build cloud-based apps and integrations.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/app-development)

[Storefront DevelopmentExpress your brand identity creating unique storefronts.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/storefront-development)

[VTEX IO AppsFind pre-built solutions to grow your business.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/vtex-io-apps)

[TroubleshootingFind practical solutions to common development issues.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/troubleshooting)

[Release NotesStay up to date with our latest releases and bug fixes.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/updates/release-notes)

Guides

[VTEX Platform Overview](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/vtex-platform-overview)

---

[API usage](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/api-usage)

---

[Getting started](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/getting-started)

[Catalog](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/catalog-overview)

[Marketplace](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/marketplace-overview)

[Orders](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/orders-overview)

[Checkout](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/checkout-overview)

[Payments](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/payments-overview)

[Fulfillment](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/fulfillment)

[Search](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/search-overview)

[Pricing](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview)

[Promotions](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/promotions-overview)

[Subscriptions](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/subscriptions)

---

Integration Guides

---

[Catalog](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/catalog-integration)

---

[Checkout](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/checkout-api-overview)

---

[Master Data](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/master-data)

---

Payments

---

Orders

---

Logistics

---

B2B Suite

---

VTEX Sales App

---

UI Customization

---

Message Center

---

Pricing

---

Promotions

---

Infrastructure

---

Search

---

Storefront Permissions

---

[VTEX Activity Flow](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/activity-flow)

---

[VTEX Ads](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/vtex-ads)

---

VTEX Session

---

VTEX Shield

---

[Data Protection Plus](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/data-protection-plus)

---

Weni by VTEX

---

[Guides](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides)

[API Reference](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/api-reference)

[App Development](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/app-development)

[Storefront Development](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/storefront-development)

[VTEX IO Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/vtex-io-apps)

[Troubleshooting](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/troubleshooting)

---

[Release Notes](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/updates/release-notes)

Guides

[VTEX Platform Overview](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/vtex-platform-overview)

---

[API usage](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/api-usage)

---

[Getting started](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/getting-started)

[Catalog](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/catalog-overview)

[Marketplace](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/marketplace-overview)

[Orders](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/orders-overview)

[Checkout](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/checkout-overview)

[Payments](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/payments-overview)

[Fulfillment](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/fulfillment)

[Search](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/search-overview)

[Pricing](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview)

[Promotions](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/promotions-overview)

[Subscriptions](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/subscriptions)

---

Integration Guides

---

[Catalog](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/catalog-integration)

---

[Checkout](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/checkout-api-overview)

---

[Master Data](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/master-data)

---

Payments

---

Orders

---

Logistics

---

B2B Suite

---

VTEX Sales App

---

UI Customization

---

Message Center

---

Pricing

---

Promotions

---

Infrastructure

---

Search

---

Storefront Permissions

---

[VTEX Activity Flow](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/activity-flow)

---

[VTEX Ads](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/vtex-ads)

---

VTEX Session

---

VTEX Shield

---

[Data Protection Plus](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/data-protection-plus)

---

Weni by VTEX

---

[Guides](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides)

[Getting started](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/getting-started)

[Pricing](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview)

Pricing

> **Help us improve our documentation!** Tell us about your experience with this article by filling out [this form](https://read.calvincode.net/reader?url=https://forms.gle/fQoELRA1yfKDqmAb8).

The Prices module, also called Pricing, is a system responsible for the creation, editing and storing of your SKU pricing data. This overview article goes over what you can accomplish with Pricing, including relevant links to our developer documentation about this topic.

## Understanding VTEX’s Pricing architecture

**Prices** represent your SKU sales value information. In VTEX, these prices are stored in **price tables.** In turn, these price tables can be applied to different **contexts**, like trade policies. These concepts are related as shown in the image below. Learn more about VTEX's pricing architecture in our [Pricing system architecture](https://read.calvincode.net/reader?url=https://help.vtex.com/tracks/prices-101--6f8pwCns3PJHqMvQSugNfP/7GptzvlPDVM11ojEjywIQx) article.

![{"base64":"  ","img":{"width":640,"height":790,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":38338,"url":"https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/pricing-overview-0.png"}}](https://read.calvincode.net/reader?url=https://cdn.jsdelivr.net/gh/vtexdocs/dev-portal-content@main/images/pricing-overview-0.png)

Importing prices from an ERP or Back office Integration

If your store has an ERP integration or another kind of integration for managing orders, it will be necessary to make an integration with VTEX’s platform. Defining prices for your SKUs is an important step when setting up your store. VTEX accounts are able to import prices through ERP integrations by following the guide linked below.

* [Back office (ERP/PIM/WMS)](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/erp-integration-guide)
[ ](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/erp-integration-guide)
* [](https://developers.vtex.com/vtex-rest-api/docs/erp-integration-guide)[Import prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/erp-integration-import-prices)
[ ](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/erp-integration-import-prices)

## Managing Prices

There are several actions a VTEX store can perform on prices. In the next sections, you will find the main actions related to a store’s pricing management routine.

Before using our Pricing API Reference, check out our [Pricing v2 - API Reference Overview](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/api-reference/pricing-api%23overview) for more details about rate limits.

>  Pricing v2 is the second generation of our pricing module, and is the only version currently available in VTEX. We have [discontinued Pricing v1](https://read.calvincode.net/reader?url=https://help.vtex.com/en/announcements/pricing-v1-module-will-be-discontinued-update-your-store-by-september--46YxKNOCLH2Ykw6a9uyxXB) in 2020 and our documentation refers to Pricing v2.

Creating base and fixed prices

An SKU's [base price](https://read.calvincode.net/reader?url=https://help.vtex.com/tracks/prices-101--6f8pwCns3PJHqMvQSugNfP/3XcXp0r5WrJvogB8KIX4Kx) represents the SKU's reference price for all price tables. This means that if another price is not created for the SKU in another price table, it inherits the item's base price. Its value is calculated from multiplying the SKU's _Cost Price_ with its _Markup_, or the desired profit margin for the SKU's sale.

The [fixed price](https://read.calvincode.net/reader?url=https://help.vtex.com/tracks/prices-101--6f8pwCns3PJHqMvQSugNfP/3HxF2u5VwidqnUGnFoKdDy) is an SKU's price for a specific price table that weighs more than any of the other pricing types, which results in the pricing module ignoring the other values when a fixed price is associated with an SKU.

* [Create or Update Base Price or Fixed Prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/createupdatepriceorfixedprice)
* [Scheduling prices for a range of hours](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/scheduling-prices-for-a-range-of-hours)

Updating price tables

A [Price table](https://read.calvincode.net/reader?url=https://help.vtex.com/tracks/prices-101--6f8pwCns3PJHqMvQSugNfP/1wAm5m3IUfIj6maBdaRJt8) is a set of SKU prices that can be applied to a specific context. These tables store the price information that is displayed on a store's page. We can look at the price table as an entity that stores and delivers computed prices of its SKUs.

* [Update rules for a price table](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/put%5Fpipeline-catalog-pricetableid)

>  [Master Data](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/master-data) is used to [connect a price table to a desired context](https://read.calvincode.net/reader?url=https://help.vtex.com/en/tutorial/criando-promocao-para-um-cluster-de-clientes--tutorials%5F342)

Managing fixed prices for price tables or trade policies (sales channels)

[Trade policies](https://read.calvincode.net/reader?url=https://help.vtex.com/en/tutorial/how-trade-policies-work--6Xef8PZiFm40kg2STrMkMV) , or sales channels, are used in VTEX to differentiate the catalog, prices and logistics settings for each sales channel connected to your store. You may use them, for example, if you want the same list of SKUs to have different prices in each marketplace where your store is selling.

Manage prices configured in price tables or in different trade policies (sales channels) through the endpoints below.

* [Create or Update Fixed Prices on a price table or trade polic](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/createorupdatefixedpricesonpricetableortradepolicy)
* [Delete Fixed Prices on a price table or trade policy](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/deletefixedpricesonapricetableortradepolicy-1)

Deleting price by SKU

It is possible to use the following API calls to delete individual SKU prices.It is only possible to delete a price table by removing all of the prices inserted in it, and in sequence requesting it to our Support.

* [Delete price](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/deleteprice)

> It is only possible to delete a price table by removing all of the prices inserted in it, and in sequence requesting it to our [VTEX Support](https://read.calvincode.net/reader?url=https://help.vtex.com/support?cultureInfo=en-us).

## Retrieving pricing information

You can fetch information related to prices in multiple ways and about specific topics. To know more about retrieving prices' content, see the links below.

Price by SKU

* [Get price](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/getprice)

Fixed price

* [Get fixed prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/getfixedprices)

Price tables

* [Get rules for a price table](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/getrulesforapricetable)
* [Get all price tables and their rules](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/getallpricetablesandrules)
* [List price tables](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/listpricetables)
* [Get Fixed Prices on a price table or trade policy](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/getfixedpricesonapricetable)

Computed prices

There are some criteria that the system takes into account when deciding what an SKU's selling price for a specific price table should be. This price is called the [computed price](https://read.calvincode.net/reader?url=https://help.vtex.com/tracks/prices-101--6f8pwCns3PJHqMvQSugNfP/7GptzvlPDVM11ojEjywIQx%23computed-price)

* [Get Computed Price by price table or trade policy](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/getcomputedpricebypricetable)

Pricing configuration and status

Retrieve information about your VTEX Admin's pricing configurations and Pricing status.

* [Get Pricing Configuration](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/getpricingconfig)
* [Get Pricing Status](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/getpricingv2status)

## Additional settings (optional)

Besides setting up your basic pricing configurations, there are optional additional settings you can make to customize prices for different scenarios and applications in your ecommerce architecture. See the following links for more information.

Storefront customization

Edit your storefront with [VTEX IO Store Framework](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/vtex-io-documentation-what-is-vtex-store-framework) to add basic or advanced components related to prices in your store.

* [Store Framework basic components: Product Price app](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/vtex-product-price)
* [Displaying asynchronous prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/vtex-io-documentation-displaying-asynchronous-prices)
* [Internationalizing product prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/vtex-io-documentation-internationalizing-product-prices)
* [Translating the component - Adjusting price representations](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/vtex-io-documentation-8-translating-the-component%23adjusting-price-representations)
* [Enabling Manual Price in my store](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/enabling-manual-price-in-my-store)

Pricing simulation - B2B

 There are multiple ways you can [configure your B2B store](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/b2b-setup) with VTEX. The links below go over the different pricing settings required for B2B scenarios.

 The Price Simulations API allows you to configure custom price selectors for B2B stores, based on the context set by the Orders Configuration app.

* [Pricing Simulation Overview](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/api-reference/price-simulations%23overview)
* [Get custom prices schema](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/get%5F-v-custom-prices-rules-priceassociationid)
* [Create or update custom prices schema](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/post%5F-v-custom-prices-session-schema)
* [Update Order Configuration](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/post%5Fsessions)
* [Get price association by ID](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference/get%5F-v-custom-prices-rules-priceassociationid)
* [Disassociate price association by ID](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference%23delete%5F-v-custom-prices-rules-priceassociationid)
* [Update price association by ID](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/reference%23put%5F-v-custom-prices-rules-priceassociationid)

External marketplace integration

If you are an [external marketplace](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/external-marketplace-integration-guide) that wishes to integrate with VTEX sellers, you can see the links below to learn how to get price information from sellers.

* [External marketplace - marketplace / seller architecture](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/external-marketplace-integration-architecture%23pricing--promotions)
* [External marketplace - How to keep prices updated](https://read.calvincode.net/reader?url=https://developers.vtex.com/vtex-rest-api/docs/external-marketplace-integration-price-update)

Contributors

4

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F77292838%3Fv%3D4%26w=64%26q=75)](https://github.com/julia-rabello)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F60782333%3Fv%3D4%26w=64%26q=75)](https://github.com/carolinamenezes)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F95384603%3Fv%3D4%26w=64%26q=75)](https://github.com/cvarela-usesi)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F7108339%3Fv%3D4%26w=64%26q=75)](https://github.com/brunoamui)

Was this helpful?

Yes

No

[Suggest Edits (GitHub)](https://read.calvincode.net/reader?url=https://github.com/vtexdocs/dev-portal-content/edit/main/docs/guides/Getting-Started/pricing-overview.md)

[Search« Previous](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview//docs/guides/search-overview)[PromotionsNext »](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview//docs/guides/promotions-overview)

Contributors

4

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F77292838%3Fv%3D4%26w=64%26q=75)](https://github.com/julia-rabello)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F60782333%3Fv%3D4%26w=64%26q=75)](https://github.com/carolinamenezes)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F95384603%3Fv%3D4%26w=64%26q=75)](https://github.com/cvarela-usesi)

[![Photo of the contributor](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/_next/image?url=https%3A%2F%2Favatars.githubusercontent.com%2Fu%2F7108339%3Fv%3D4%26w=64%26q=75)](https://github.com/brunoamui)

ON THIS PAGE

[Understanding VTEX’s Pricing architecture](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview%23understanding-vtexs-pricing-architecture)

[Managing Prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview%23managing-prices)

[Retrieving pricing information](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview%23retrieving-pricing-information)

[Additional settings (optional)](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview%23additional-settings-optional)

Was this helpful?

 Send feedback

[Suggest edits (GitHub)](https://read.calvincode.net/reader?url=https://github.com/vtexdocs/dev-portal-content/edit/main/docs/guides/Getting-Started/pricing-overview.md)

Copy page

On this page

ON THIS PAGE

[Understanding VTEX’s Pricing architecture](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview%23understanding-vtexs-pricing-architecture)

[Managing Prices](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview%23managing-prices)

[Retrieving pricing information](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview%23retrieving-pricing-information)

[Additional settings (optional)](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/guides/pricing-overview/docs/guides/pricing-overview%23additional-settings-optional)

On this page

[Github](https://read.calvincode.net/reader?url=https://github.com/vtex-apps)[Help Center](https://read.calvincode.net/reader?url=https://help.vtex.com/)[Community](https://read.calvincode.net/reader?url=https://community.vtex.com/?%5Fga=2.198523433.743584735.1647618303-1974737580.1645714642)[Feedback](https://read.calvincode.net/reader?url=https://docs.google.com/forms/d/e/1FAIpQLSfmnotPvPjw-SjiE7lt2Nt3RQgNUe10ixXZmuO2v9enOJReoQ/viewform?entry.1972292648=developers.vtex.com%26entry.1799503232=)


[System] You are a VTEX documentation expert. You provide accurate, detailed information about VTEX platform, APIs, apps, and Store Framework development.

[User] How do I use the VTEX search 2.18.8 DidYouMean app? Provide documentation and configuration details.

[Assistant]
Documentation

[Feedback](https://read.calvincode.net/reader?url=https://docs.google.com/forms/d/e/1FAIpQLSfmnotPvPjw-SjiE7lt2Nt3RQgNUe10ixXZmuO2v9enOJReoQ/viewform?entry.1972292648=developers.vtex.com%26entry.1799503232=)

[GuidesLearn how to use our APIs and extend the VTEX platform.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides)

[API ReferenceExplore detailed information about our endpoints.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/api-reference)

[App DevelopmentLearn how to build cloud-based apps and integrations.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/app-development)

[Storefront DevelopmentExpress your brand identity creating unique storefronts.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/storefront-development)

[VTEX IO AppsFind pre-built solutions to grow your business.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/vtex-io-apps)

[TroubleshootingFind practical solutions to common development issues.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/troubleshooting)

[Release NotesStay up to date with our latest releases and bug fixes.](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/updates/release-notes)

VTEX IO Apps

[Basic components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/basic-components)

---

[Store Components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/store-components)

---

[Advanced components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/advanced-components)

---

[B2B components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/b2b-components)

---

[B2B Suite](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/apps/vtex.b2b-suite)

---

[Functional Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/functional-apps)

---

[Layout Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/layout-apps)

---

[Pixel Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/pixel-apps)

---

[My Account - StoreV2 version](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/apps/vtex.my-account)

---

[VTEX IO deprecated apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/vtex-io-deprecated-apps)

---

[Guides](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides)

[API Reference](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/api-reference)

[App Development](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/app-development)

[Storefront Development](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/storefront-development)

[VTEX IO Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/vtex-io-apps)

[Troubleshooting](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/troubleshooting)

---

[Release Notes](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/updates/release-notes)

VTEX IO Apps

[Basic components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/basic-components)

---

[Store Components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/store-components)

---

[Advanced components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/advanced-components)

---

[B2B components](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/b2b-components)

---

[B2B Suite](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/apps/vtex.b2b-suite)

---

[Functional Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/functional-apps)

---

[Layout Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/layout-apps)

---

[Pixel Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/pixel-apps)

---

[My Account - StoreV2 version](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/apps/vtex.my-account)

---

[VTEX IO deprecated apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/guides/vtex-io-deprecated-apps)

---

[VTEX IO Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/vtex-io-apps)

DidYouMean

[vtex.search](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search)

Version: 2.18.8

Latest version: 2.18.8

`DidYouMean` is a component used to suggest a possible misspelling correction to the current query.

## Before you begin

Make sure you have added the `search` app to your theme dependencies in the `manifest.json` as shown below:

`1

 "dependencies": {

2

 "vtex.search": "2.x"

3

 }

`

Check the [Search](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search) app documentation for more details on this step.

## Usage

Add the `did-you-mean` block to the `search-result-layout.desktop` or `search-result-layout.mobile`. For example:

`1

"search-result-layout.desktop": {

2

 "children": [

3

 "flex-layout.row#didyoumean",

4

 ],

5

 "flex-layout.row#didyoumean": {

6

 "children": ["did-you-mean"]

7

 }

8

}

`

## Customization

In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on [Using CSS Handles for store customization](https://read.calvincode.net/reader?url=https://vtex.io/docs/recipes/style/using-css-handles-for-store-customization).

| CSS Handles      |
| ---------------- |
| didYouMeanPrefix |
| didYouMeanTerm   |

See also

[Vtex.searchVTEX IO Apps](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/apps/vtex.search)[VTEX App StoreVTEX IO Apps](https://read.calvincode.net/reader?url=https://apps.vtex.com/)

ON THIS PAGE

[Before you begin](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/apps/vtex.search@2.18.8/DidYouMean%23before-you-begin)

[Usage](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/apps/vtex.search@2.18.8/DidYouMean%23usage)

[Customization](https://read.calvincode.net/reader?url=https://developers.vtex.com/docs/apps/vtex.search@2.18.8/DidYouMean/docs/apps/vtex.search@2.18.8/DidYouMean%23customization)

Was this helpful?

[Github](https://read.calvincode.net/reader?url=https://github.com/vtex-apps)[Help Center](https://read.calvincode.net/reader?url=https://help.vtex.com/)[Community](https://read.calvincode.net/reader?url=https://community.vtex.com/?%5Fga=2.198523433.743584735.1647618303-1974737580.1645714642)[Feedback](https://read.calvincode.net/reader?url=https://docs.google.com/forms/d/e/1FAIpQLSfmnotPvPjw-SjiE7lt2Nt3RQgNUe10ixXZmuO2v9enOJReoQ/viewform?entry.1972292648=developers.vtex.com%26entry.1799503232=)