Skip to content
Adobe Commerce Storefront
Docs Playgrounds Videos

Cart overview

The Cart dropin 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.

Section topics

The topics in this section will help you understand how to customize and use the Cart dropin effectively within your storefront.

Installation

Provides the step-by-step process for embedding the Cart dropin into your site. This topic covers everything from basic setup requirements to more advanced configurations, ensuring that the dropin 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 Cart dropins using CSS. We provide guidelines and examples for applying styles to various components within the dropin. This customization allows brands to align the dropin’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 dropin, 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 their Cart dropins. Visit the Cart Containers page to learn more.

Slots

The Cart dropin does not provide any slots.

Functions

Describes the API functions available in the Cart dropin: addProductsToCart, createEmptyCart, fetch-graphql, getCartData, getEstimateShipping, getEstimatedTotals, getStoreConfig, graphql, initialize, initializeCart, resetCart and updateProductsFromCart. These functions allow developers to retrieve and display detailed cart information dynamically. Visit the Cart Functions page to learn more.