Skip to main content

Orders

Orders are the workflow side of Shops. When a customer places an order at one of your shops, it lands here and you move it through the fulfilment stages. URL: /orders/grid-view (Board view) or /orders/list-view (List view).

Page layout​

Shop scope​

Orders are scoped to one shop at a time. The header shows the active shop (e.g., Acme Coffee Shop) and a Switch shop link to swap between shops you own.

View toggle​

ViewURLWhat it looks like
Board/orders/grid-viewKanban — three columns (New, In-progress, Completed) of order cards.
List/orders/list-viewTabular list of orders with columns.
Document the List view

Capture the columns shown in the List view, the available filters, and how the views differ in capability (not just presentation).

Shop status​

A badge in the header reflects whether the active shop is Online or Offline, plus an Edit shop status button.

When the shop is offline, the page surfaces a notice:

"{Shop name} is offline. This means no new orders will be taken until your shop is made available."

This means even if you're inside the Orders page, you have to flip the shop online before customers can place new orders.

Confirm Edit shop status flow

Click the button and document the toggle (in-line, modal, settings redirect?). Tie it to the Shops page where shop status also surfaces.

Order lifecycle​

The Board has three columns — orders move left to right as they're fulfilled:

  1. New — Just placed, not yet picked up by staff.
  2. In-progress — Being prepared / fulfilled.
  3. Completed — Done.
Confirm there are no other states

Are there Cancelled / Refunded / Failed states? If yes, do they appear on the Board, or only in the List view?

Move an order between columns​

Document the move action

Drag-and-drop on the Board? Click on the card and use a status dropdown? Both? Document it.

Order detail​

Click a card (Board) or row (List) to open the order detail.

Document the order detail panel

Capture: line items, customer, total, payment status, time placed, shop, any actions (refund, mark refunded, contact customer).

Multiple shops​

If you have more than one shop, use Switch shop in the header to flip between them. Orders for different shops are managed independently.

Document the Switch shop UX

Is it a dropdown? Modal? Does selecting a shop update the URL?

  • Shops — set up the shops where orders come from.
  • Transactions — payments captured for orders.