Commmerce Docs
← Web Components

Web Components · Cart & Checkout

<mmm-checkout-cart-info>

Cart summary panel at the top of checkout.

What it is

Compact summary of all line items at the top of checkout. Items are read-only here — the buyer goes back to cart to edit.

When to use

  • Top of every checkout step

Attributes

AttributeTypeDefaultDescription
data-checkout-idstringcontextInherited from the surroundingcontext.
data-collapsedbooleantrueStart collapsed on mobile, expand on click.
idstring—Unique element identifier.
classstring—Custom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

Read-only summary at the top of checkout.

<mmm-checkout-cart-info></mmm-checkout-cart-info>