Order Details

Order Details is the details screen of the Orders feature allowing the user to view a previous orders.

details

Order Details is also reused as Order Confirmation following a successful checkout purchase.

order/{id}
order/{id}?is_modal=true

Order deeplinks can be presented modally using the is_modal query parameter.

Sections

The Order view is a stack of views based on the Order information This reuses a lot of the same section views a Checkout (with editing disabled).

Order Information

The order information section presents the order number, status, date and tracking information.

Shipping Contact

The shipping contact section presents the contact name and address.

Billing Contact

The billing contact section presents the same as the shipping contact section unless the contacts match. If the billing contact matches the shipping contact the billing contact is simplified to a 'Same as Shipping' message.

Shipping Method

The shipping method section presents the shipping method title.

Payment Method

The payment method section presents the payment method used and may rely on an integrated payment provider to present an icon.

Order Summary

The order summary presents the list of order items followed by a breakdown of costs. The section supports different styles across Checkout and Order Details.

Order Confirmation

The Order Details screen can be used to present order confirmation following checkout. This style presents an extra confirmation section before the others.