Products
What this screen is for
The screen where a business manages its product catalogue: a new product is added, tapping or clicking one in the list opens its edit form, a product is deleted. On the panel, a category manager and a showcase manager are also embedded on this same page; on mobile, both are reached from here by moving to a separate screen. The catalogue a customer actually sees is outside this screen's scope — that's part of the business profile and is documented as its own screen.
When you would use this
A business owner comes here to review the whole catalogue at a glance — what's listed, what's sold out, and whether categories or the showcase need attention — rather than to work on one product's own details. It does the same job on the phone and in the panel, whichever is at hand.
Who sees it
Only the user matching the owner field on the business document can open this screen; no one else can add, edit or delete a product.
Where it lives
The screen exists on both the mobile app and the web panel; both read and write the same product and category collections. The mobile side was added later (2026-08-17, at the owner's request) to bring the management the panel already had to the phone too — so the two overlap on most capabilities, and the real differences are in the notes below.
What you can do here
Product list
Each row shows the product's price, stock status (including sold-out), a tag if it's inactive, and its category name; the list is sorted newest-added first.
On the panel the list can also be narrowed with a search box and a category selector; the mobile list is always the whole catalogue, with no search or filter.
Add a product
The add action opens a blank form; the product name is required.
On mobile this moves to a separate screen (the Product Form); on the panel the same form opens embedded on this page.
Edit
Tapping or clicking a product in the list opens its edit form, pre-filled with that product's current data.
On mobile this moves to a separate screen (the Product Form); on the panel the form opens on this same page, above the list.
Delete
Removes the product from the catalogue after asking for confirmation.
Manage categories
A new category can be created, an existing one renamed, or (if it holds no products) deleted; each category shows how many products it holds.
On the panel this management is embedded on this same page; on mobile, the "Categories" button above the list moves to a separate screen (Product Categories).
Manage the showcase
Up to 12 products from the catalogue can be featured or unfeatured and reordered; a separate switch decides whether the showcase is visible to customers at all.
On the panel this management is embedded on this same page; on mobile it moves to a separate screen (Showcase).
What the server accepts and refuses
The 12-item showcase limit is enforced server-side
The Firestore rule on the commerce settings document refuses a write that would leave more than 12 ids in the showcase list, so the UI's own 12-item limit is not the only thing stopping a 13th.