> For the complete documentation index, see [llms.txt](https://docs.webexp.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webexp.dev/supra-shopify-theme/supra/sections-and-features/lookbook.md).

# Lookbook

Editorial images with a full-screen viewer.

A large image with a thumbnail grid beside it, a season title and a per-look caption. Assign the `lookbook` template to a page — see [First-Time Setup](/supra-shopify-theme/supra/getting-started/first-time-setup.md).

Like the FAQ template, this one ships with the page body switched off so you get just the lookbook. Turn the Page section back on in the editor if you want copy above it.

## Blocks

**Look** — the image plus a caption. The caption is the garment list for that shot and changes as you move through the looks.

**Past season** — a label and a link. These fold under the **archive** link, which opens on hover and on keyboard focus.

## Full screen

Clicking the main image opens it full screen. The ground either side pages through the looks — the cursor becomes a small arrow over it — and clicking the picture itself, or pressing Escape, closes it. Arrow keys work too.

Changing shot fades the new one up rather than cutting, which reads as a blink of white between the two.

## On phones

No thumbnails. The looks become a swipe carousel running edge to edge, with the season title and caption below and `1 of 12 →` beside them. Swiping and the arrows stay in step with each other.