Product Details Containers

The Product Details drop-in provides pre-built container components for integrating into your storefront.

Version: 3.0.2

What are Containers?

Containers are pre-built UI components that combine functionality, state management, and presentation. They provide a complete solution for specific features and can be customized through props, slots, and CSS.

Available Containers

Add to Cart, Add to Wishlist, and similar primary actions are not provided through the Product Details slots in the Slots table. The storefront composes them in the product-details block using separate mount points and the Wishlist or cart patterns described in Add to Cart and Add to Wishlist on that page.

Container	Description
ProductAttributes	Configure the `ProductAttributes` container for the product details page drop-in component.
ProductDownloadableOptions	Renders the downloadable link selection UI for downloadable product types.
ProductDescription	Configure the `ProductDescription` container for the product details page drop-in component.
ProductDetails container (deprecated)	Deprecated monolithic container. See the caution above and the linked topic for configuration and slots.
ProductGallery	Configure the `ProductGallery` container for the product details page drop-in component.
ProductGiftCardOptions	Enrichment needed - add description to `_dropin-enrichments/product-details/containers.json`
ProductHeader	Configure the `ProductHeader` container for the product details page drop-in component.
ProductOptions	Configure the `ProductOptions` container for the product details page drop-in component.
ProductPrice	Configure the `ProductPrice` container for the product details page drop-in component.
ProductQuantity	Configure the `ProductQuantity` container for the product details page drop-in component.
ProductShortDescription	Configure the `ProductShortDescription` container for the product details page drop-in component.