Fall course catalog

Ridgeline Outdoor Academy opens enrollment on its customer site. Six courses in a three by two grid, one photo each, the title and one line of facts underneath: days, start date, price, seats left. The page shows nothing else, which is the point.

The configuration

variant: grid, columns: 3: a catalog, not a slideshow.
mediaPosition: top-center: photo first, text under it, the same on every tile.
title, caption and content on the component itself: the header is part of the gallery, no extra text block.
items with src, title and description: one record per course, the description carries the dates, the price and the seats.

Step by step

The settings above are the ones that matter. The tutorial has the whole build: the objects and sample data behind the screen, every step in order, and what to check once it runs.

Open the tutorial

Runs on

Experience Site Components

Build it in your org.