Commmerce Docs
← Web Components

Web Components · Cart & Checkout

<mmm-checkout-price-summary>

Subtotal, shipping, tax, and total breakdown.

What it is

The right-rail or bottom summary of all charges on checkout. Updates live as the buyer changes inputs.

When to use

  • Right rail on every checkout step

Attributes

AttributeTypeDefaultDescription
data-checkout-idstringcontextInherited from the surroundingcontext.
data-show-itemised-taxbooleanfalseExpand tax into per-line items.
idstring—Unique element identifier.
classstring—Custom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

Sub-total, shipping, tax, total.

<mmm-checkout-price-summary></mmm-checkout-price-summary>