Product list

The [product list] tag 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

[product list: flower shop, 8 bouquets with photo, name, price]
[products: car rentals with daily rates]
[product grid]

[product list], [products], and [product grid] are equivalent; the Product List slash entry inserts the tag for you. It’s not just for shops — services, rentals, listings, menus, portfolios all fit.

With no hint — a 2-step wizard

Type just [product list] 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 dedicated tool.

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.

Tip

Without the tag, “add a product section” may get you hard-coded cards — pretty, but every product change becomes an AI request. The tag is what buys you the editable catalog.