Commerce blocks
Commerce Cart
Configure the shopping cart page to display product details, pricing, and checkout options. This block integrates with Adobe Commerce to provide a seamless shopping experience for your customers.
Version: fix-headers
Page metadata
Configure page-level metadata in the document authoring table below:
| metadata | |
| Title | Cart |
| Robots | noindex, nofollow |
| Cache Control | no-store |
Document authoring configuration
Modify the values in the second column to customize the block’s behavior. You can remove any rows for properties you don’t need to configure.
| commerce-cart | |
| Hide Heading | ’false’ |
| Max Items | 10 (example) |
| Hide Attributes | color, size (example) |
| Enable Item Quantity Update | ’false’ |
| Enable Item Remove | ’true’ |
| Enable Estimate Shipping | ’false’ |
| Start Shopping Url | /path/to/page (example) |
| Checkout Url | /path/to/page (example) |
| Enable Updating Product | ’false’ |
| Undo Remove Item | ’false’ |
Section metadata
Control the section styling that wraps your commerce block using the section metadata table:
| section-metadata | |
| Style | light, highlight (optional) |
Learn more: See the Section Metadata guide for complete styling options and the Page Metadata guide for SEO, caching, and social sharing options.
Configuration properties reference
The table below describes each configuration property in detail:
| Property | Default | Req? | Description |
|---|---|---|---|
hide-heading | ’false’ | No | Controls whether the cart heading is hidden. |
max-items | No | Maximum number of items to display in cart. | |
hide-attributes | No | Comma-separated list of product attributes to hide. | |
enable-item-quantity-update | ’false’ | No | Enables quantity update controls for cart items. |
enable-item-remove | ’true’ | No | Enables remove item functionality. |
enable-estimate-shipping | ’false’ | No | Enables shipping estimation functionality. |
start-shopping-url | No | URL for “Start Shopping” button when cart is empty. | |
checkout-url | No | URL for checkout button. | |
enable-updating-product | ’false’ | No | Enables product editing via mini-PDP modal. Shows/hides edit buttons for configurable products. |
undo-remove-item | ’false’ | No | Enables undo functionality when removing items. Shows/hides undo option after item removal. |
Tips for merchants
- Use document authoring to configure this block without writing code.
- Test configuration changes in preview before publishing to production.
- Ensure your configuration matches your Adobe Commerce backend settings.