Logo Renr

Understanding summary cards on the Orders page

Four cleaner KPI cards without the gray panel — how to read them in Commerce → Orders.

On Commerce → Orders, the four summary KPI cards now sit directly on the page background — the old gray panel behind them is gone — so order status counts are easier to scan. Counts still refresh automatically when orders change.

Orders page with flat KPI cards Close-up of Drafts, Pending, Paid, Completed cards

What changed?

Previously, Drafts / Pending / Paid / Completed sat inside a gray chrome box. That panel added clutter and did not match Products or Accountant invoices. Each KPI card is now a clean bordered tile on the page background.

Before: KPI cards wrapped in a gray panel

Before: KPI cards wrapped in a gray panel.

After: flat KPI cards

After: Flat KPI cards — same counts, clearer layout.

How to read the four cards

  1. Open Commerce → Orders.
  2. At the top, read Drafts, Pending Orders, Paid Orders, and Completed Orders.
  3. Create, update, cancel, or change an order status — the cards reload automatically.
  4. On mobile, the same four cards stack vertically with the same flat style.
Mobile Orders KPI cards

Tips

  • Drafts — unfinished orders you can still edit.
  • Pending — waiting for payment or next action.
  • Paid — payment received.
  • Completed — fulfilled / closed.

No new settings are required. After deploy, open Orders and the flatter summary row is ready.

Start typing to search articles…