# Shop receipt

URL: https://samva.dev/templates/shop-receipt

A receipt for a shop order with a route strip showing where the order is, the items, invoice-style totals, the card used and the delivery window.

## Guidance

- Pass the order's items as a list of code, name, variant, quantity, unit price and line total, the route strip as a list of stages marked done, current or ahead, and the shipping address as a list of lines. An order of four items and one of eight render from the same source.
- The discount is optional: omit it, as the default fixture does, and the totals close up; long-content adds a discount line with its code. Format the order date, the delivery window and the amounts in your application, and send only the card brand and last four digits. The template never reads the clock.
- It is written for Northfold, a fictional outdoor gear shop. There are no pictures to replace, since the item tiles and the route are built in markup. The look lives in the theme tokens in starter.css and the design's stylesheet. Keep the order link pointing at the customer's signed-in order page.

## Variables

| Variable | Meaning |
| --- | --- |
| currency | Value for currency. |
| deliveryNote | Value for delivery note. |
| deliveryWindow | Value for delivery window. |
| discount | Value for discount. |
| firstName | Value for first name. |
| helpUrl | Link for help. |
| homeUrl | Link for home. |
| items | Value for items. |
| orderDate | Date for order. |
| orderNumber | Value for order number. |
| orderUrl | Link for order. |
| packedBy | Value for packed by. |
| paymentMethod | Value for payment method. |
| promise | Value for promise. |
| returnsUrl | Link for returns. |
| shipping | Value for shipping. |
| shippingAddress | Value for shipping address. |
| stages | Value for stages. |
| subtotal | Value for subtotal. |
| tax | Value for tax. |
| total | Value for total. |