Order Details
Order Details is the details screen of the Orders feature allowing the user to view a previous orders.
Order Details is also reused as Order Confirmation following a successful checkout purchase.
Deeplinks
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.