Skip to main content
The Main Order template displays detailed order information on customer account order pages at /account/orders/[order-id], showing order status, items purchased, shipping address, payment details, and tracking information. This template provides transparency and order tracking for customers, reducing support inquiries and building trust through clear post-purchase communication. Use this template to give customers complete visibility into their orders, from confirmation through delivery tracking.

​
Template Settings

  • Page (default) - Contained within page margins
  • Fluid - Extends to container edges
Most stores use “Page” width for comfortable reading and organized layout. “Fluid” provides more horizontal space for wide content.
  • Select from available theme color schemes
  • Default: scheme-1
  • Top Spacing: 0, 1, 2 (default), 4, or 6
  • Bottom Spacing: 0, 1, 2 (default), 4, or 6
  • None (default)
  • Top Border
  • Bottom Border
  • Both Borders

​
Order Page Elements

The order details page automatically displays:

​
Order Summary

  • Unique order identifier
  • Displayed prominently at top
  • Format: #1001, #1002, etc.
  • Clickable in some themes (prints invoice)
  • Date order was placed
  • Formatted based on store locale
  • Helps customer reference timeline
Displays current order status:
  • Pending - Payment processing
  • Unfulfilled - Payment complete, awaiting shipment
  • Partially Fulfilled - Some items shipped
  • Fulfilled - All items shipped
  • Canceled - Order canceled
  • Refunded - Order refunded (full or partial)
Clear status communication reduces “Where’s my order?” support tickets.
  • Paid - Payment successful
  • Pending - Awaiting payment
  • Refunded - Full or partial refund issued
  • Voided - Payment voided
  • Partially Paid - Split payments, deposit, etc.

​
Order Items

Each ordered product displays:
  • Product image (thumbnail)
  • Product name (linked to product page)
  • Variant details (size, color, etc.)
  • Quantity ordered
  • Individual price
  • Line total (quantity × price)
  • SKU (if available)
Per-item fulfillment:
  • Unfulfilled - Not yet shipped
  • Fulfilled - Shipped (may show tracking)
  • Partially Fulfilled - Some quantity shipped
If order has multiple shipments, items group by fulfillment status.

​
Financial Details

  • Sum of all product line totals
  • Before shipping, taxes, discounts
If applicable:
  • Discount code applied
  • Discount amount
  • Discount description
  • Savings clearly highlighted
  • Shipping method selected
  • Shipping cost
  • Free shipping (if $0.00)
  • Tax amount
  • Tax rate (if displayed)
  • Tax label (VAT, GST, Sales Tax, etc.)
  • May show multiple tax types
  • Final total paid
  • Displayed prominently
  • All charges included

​
Addresses

  • Recipient name
  • Street address
  • City, state/province, ZIP/postal code
  • Country
  • Phone number (if provided)
  • Name on payment method
  • Billing street address
  • City, state/province, ZIP/postal code
  • Country
  • Often same as shipping (“Same as shipping address”)

​
Tracking Information

If order is fulfilled:
  • Shipping carrier name (USPS, FedEx, UPS, DHL, etc.)
  • Tracking number(s)
  • Tracking link (clickable to carrier website)
  • Estimated delivery date (if available)
Tracking information automatically appears when merchant fulfills order with tracking details in Shopify Admin.
  • Fulfillment date/time
  • Multiple fulfillments (if split shipment)
  • Delivery confirmation (when delivered)

​
Actions

  • Link back to order list (/account/orders)
  • Breadcrumb navigation
Some themes include:
  • “Reorder” or “Buy Again” button
  • Adds all order items to cart
  • Quick repeat purchase
Some themes show:
  • “Need help?” link
  • Contact form
  • Support email/phone
  • FAQ link

​
Order Status Meanings

Unfulfilled

Order paid, awaiting merchant to ship items

Partially Fulfilled

Some items shipped, others still processing

Fulfilled

All items shipped, tracking provided

Delivered

Package delivered to destination (carrier confirmed)

Canceled

Order canceled before fulfillment

Refunded

Full or partial refund issued to customer

​
Best practices

Status communication

Keep customers informed by sending automatic order confirmation, fulfillment, and delivery confirmation emails. Provide proactive updates for delays and maintain clear status on the order page, customizing email templates in Shopify Admin → Settings → Notifications.

Tracking information

Always provide tracking by entering tracking numbers when fulfilling orders and using recognized carriers like USPS, FedEx, UPS, or DHL. This reduces “Where’s my order?” inquiries, builds customer confidence, and improves overall satisfaction.

Customer support

Make support accessible by including contact information on the order page and linking to your help center or FAQ. Enable a “Contact us about this order” button, respond promptly to inquiries, and provide self-service options.

Returns & exchanges

If offering returns, link to your return policy and include the return window like “30-day returns” with clear instructions. Consider using a return portal app and show return status for initiated returns.

​
Use Cases

Standard E-commerce

Order #1234, items with images, tracking link, estimated delivery

Digital Products

Order #5678, download links, no shipping info, instant fulfillment

Pre-orders

Order #9012, unfulfilled status, expected ship date communicated

Custom Orders

Order #3456, production status, estimated completion date

Main Account

Customer account dashboard with order list link

Order List

Customer’s full order history (/account/orders)

Email Notifications

Shopify email templates for order confirmation, fulfillment, etc.

​
Troubleshooting

Possible Causes:
  • Customer not logged in
  • Order placed under different email
  • Order in draft or abandoned status
  • Guest checkout without account
Solutions:
  • Verify customer is logged into correct account
  • Search by order number in Shopify Admin
  • Customer may need to create account with order email
Reasons:
  • Merchant hasn’t fulfilled order yet
  • Tracking number not entered in admin
  • Carrier not recognized
  • Recent fulfillment (may take time to sync)
Fix:
  • Merchant: Enter tracking in Shopify Admin → Orders → [Order] → Fulfill items
  • Use supported carriers
  • Allow 15 minutes for tracking to appear
Check:
  • Cache cleared (hard refresh)
  • Status updated in Shopify Admin
  • No webhooks delayed
  • Theme displaying correct status variable
If totals don’t match:
  • Check for post-purchase edits (staff edited order)
  • Verify all discounts applied
  • Check tax calculation
  • Review order timeline in Shopify Admin for changes

​
Quick Summary

  • Purpose: Detailed order information page
  • URL: /account/orders/[order-id]
  • Displays: Order number, status, items, pricing, addresses, tracking
  • Settings: Section width, color scheme, spacing, borders (minimal customization)
  • Content: Automatically populated from Shopify order data
  • Key Features: Order status, tracking links, financial breakdown, addresses
  • Mobile: Fully responsive, stacked layout for easy scrolling
Order content is generated automatically from Shopify order data. Merchants update order information in Shopify Admin → Orders, and changes appear on customer-facing order page.