Product list

A data-driven catalog you edit from a panel — add, reorder, and update products without an AI request.

A product list builds a catalog the right way: your products live as data, the grid renders them, and you edit them from a panel — no AI turn for every price change.

How to trigger it

Just describe it — no special syntax needed:

• "add an editable product catalog — a flower shop with 8 bouquets, each with a photo, name, and price"
• "add a product catalog of car rentals with daily rates"
• "add a product grid"

Genesis understands the request from plain words. It's not just for shops — services, rentals, listings, menus, portfolios all fit.

With no hint — a 2-step wizard

Ask for a product grid without any detail and Genesis asks:

1. What kind of catalog? — describe it ("handmade candles").
2. What fields per card? — pick from suggested chips (photo, name, price, description…) or add your own (up to 10 fields).

What gets built

• A product grid section on your page, styled to your theme.
• Seeded example products (6 to start) with generated, on-theme photos.
• A per-product editing panel wired into the visual editor.

Editing products afterward — no chat needed

Click the grid in the preview and the catalog panel opens:

• + Add a product · delete · duplicate · drag to reorder
• Edit any field in place; photos via upload, Unsplash search, or AI generation

Every change is instant — this is the whole point of the editable catalog.

Restyling

Ask the AI to restyle the look freely ("make the cards horizontal with a shadow"). Two changes do need an AI request rather than the panel: adding a new field to every card, and renaming a field.