Build a product or services catalog

Open the AI panel and send:

Create a catalog of our cakes. First make a Categories collection with a name,
a slug and a short description. Then make a Cakes collection with: name, slug,
photo (with alt text), price in US dollars, a category that links to an item in
Categories, serves (a number of people), a short description and a longer
Markdown description. Add sample categories (Birthday, Wedding, Everyday) and
six sample cakes.

When it finishes, send:

Build a /cakes page that shows all cakes in a grid with photo, name, price and
category, with buttons to filter by category. Build a page for each cake with a
large photo, price, serves, category and the long description, plus a link back
to /cakes. Show prices as $45.00. Add "Cakes" to the header.

Open the Pages panel and look at the catalog page and the cake page. On the cake page, use the item menu in the top bar to preview different cakes.

Click Save in the AI Session bar.

In the top bar, switch the view from Canvas to CMS. Under Collections, you see Categories and Cakes.

Open Cakes and click Edit Schema. You see each field and its type: Text for the name, Slug, Image with its alt text field, Number for the price and serves, Reference for the category, Long text and Markdown.

In Cakes, click the + button (New item). Type the name; the slug fills in from it. Enter the price as a plain number, such as 45.

Click the image field and pick a photo from your library. Check the alt text describes the photo.

Click the category field and pick a category from the list. You can also create a new category from the picker.

Click Publish. The dialog lists anything that goes along with it, such as a category that isn't live yet. Linked items publish together, so a live cake never points at a category that isn't live. Click Publish to confirm.