Cart overview
The cart drop-in component provides a variety of fully-editabled controls to help you view, update, and merge the products in your cart and mini-cart, including image thumbnails, pricing, descriptions, quantities, estimated shipping and taxes, order summary, merging guest and authenticated cart, and more.
Supported Commerce features
The following table provides an overview of the Adobe Commerce features that the cart supports:
Feature | Status |
---|---|
All product types | Supported |
Apply coupons | Roadmap |
Apply gift card | API only |
Apply reward points | API only |
Cart rules | Supported |
Cart slots for extensibility | Roadmap |
Cart with 100+ products | Roadmap |
Customer cart | Supported |
Customer groups | Supported |
Customer segments | Supported |
Edit selected product configuration in cart | Supported |
Estimate tax/shipping | Supported |
Guest cart | Supported |
Low product stock alert | Supported |
Mini-cart | Supported |
Out of stock/insufficient quantity products | Supported |
Product line discounts (catalog rule, special price, tier price) | API only |
Taxes: Fixed | API only |
Taxes: Sales, VAT | Supported |
Wishlist | Roadmap |
Section topics
The topics in this section will help you understand how to customize and use the cart effectively within your storefront.
Installation
Provides the step-by-step process for embedding the cart into your site. This topic covers everything from basic setup requirements to more advanced configurations, ensuring that the drop-in component integrates seamlessly with your existing website architecture. It is designed for compatibility with modern web technologies, focusing on ease of use and flexibility for developers. Visit the cart installation page to get started.
Styles
Describes how to customize the appearance of the cart using CSS. We provide guidelines and examples for applying styles to various components within the drop-in. This customization allows brands to align the drop-in component’s look and feel with their overall design aesthetic, enhancing brand consistency across the platform. Visit the cart styles page to learn more.
Containers
Describes the structural elements of the cart, specifically focusing on how the container manages and displays content. It includes information on configuration options and how to leverage these settings to customize the user experience. Understanding the container is essential for developers looking to optimize the layout and styling of the cart. Visit the cart containers page to learn more.
Slots
Slots allow developers to customize the appearance of the cart by adding or modifying content within specific sections of the drop-in component. Visit the cart slots page to learn more.
Functions
Describes the API functions available in the Cart dropin. These functions allow developers to retrieve and display detailed cart information dynamically. Visit the Cart Functions page to learn more.