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.
See the email before you edit.
Subject
Your Northfold receipt for order NF-48213
Preheader
$628.09 paid with Visa ending in 4417. Arriving Tue 17 Nov.
Make it fit the send.
- 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.
Data this template expects.
- {{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.