Order Detail
This is what a detail page looks like when a user clicks "View" on a table row. The URL would be /account/orders/detail?id=4821 — the data-param reads the query string and fetches the matching record.
On a real site this page would be auth-gated with data-auth: required, so unauthenticated users are redirected to login first.
data: my-orders
data-display: detail
data-param: id
data-key: id
data-auth: required
data-field: Order Number: order_number
data-field: Status: status
data-field: Total: {{currency}}{{amount}}
data-field: Shipping: {{street}}, {{city}}, {{state}} {{zip}}
data-field: Items: items_description
- Order Number
- ORD-4821
- Status
- Shipped
- Total
- $129.00
- Shipping
- 742 Evergreen Terrace, Springfield, IL 62704
- Items
- 1x Mechanical Keyboard (Cherry MX Brown)