Chapter 20 — Admin Commerce Patterns

Operator ecommerce layouts and table chrome without Bootstrap or JavaScript.

New concepts

Table variants, ops toolbars, add-product compose forms, admin list pages, and entity detail panels. Search, sort, pagination, and bulk select remain static chrome until JavaScript Phase 9.

Read the Admin Commerce gauge

What changes after Storefront?

Chapter 19 taught buyer layouts. This chapter returns to the dashboard shell for product ops: denser tables, pricing sidebars, and detail headers. Reuse input groups, dropzones, and elevation rules from Chapters 12 and 18.

Lessons

  1. 1. Table variants
  2. 2. Ops table chrome
  3. 3. Add product layout
  4. 4. Admin list page
  5. 5. Entity detail

Checkpoint

Build an add-product-style page inside a dashboard shell with a pricing column and a small products table that uses a striped or hover variant. Keep every control labelled.