Commmerce Docs

What it is

Complete view of a single order including items, shipping/billing addresses, payment method, refund history, and re-order buttons.

When to use

  • Order detail page after purchase
  • Customer account order detail

Attributes

AttributeTypeDefaultDescription
data-order-idstringThe order ID this element binds to.
idstringUnique element identifier.
classstringCustom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

Full order view.

<mmm-order-detail data-order-id="o_123"></mmm-order-detail>