Page — Lookbook Template
Visual lookbook: intro text + image grids (editorial photography).
Overview
| Item | Detail |
|---|---|
| Template | templates/page.lookbook.json |
| Assign | Page → Theme template → page.lookbook |
| URL | /pages/{handle} (e.g. /pages/lookbook) |
Sections
- Rich text — intro / season title
- Image grid — smaller set (e.g. 3 cells)
- Image grid — larger mosaic (e.g. 12 cells)
Step-by-step user journey
Step 1 — Open Lookbook
- Nav / homepage teaser link
Step 2 — Read intro
- Season name, short editorial line
Step 3 — Browse visuals
- First image grid (hero-ish tiles)
- Second dense mosaic scroll
- Click an image (if a link is set) → product or collection
Step 4 — Shop the look
- Linked products / “Shop Linen” style CTAs in rich text or image links
- Header search / collections for purchase
Theme Editor tips
- Set a product or collection URL on each image cell for a shoppable lookbook
- Adjust the focal points for cropping
- Check the grid density on mobile
<!-- BEGIN GENERATED: theme-editor -->
Theme Editor settings
Each section below links to its full settings reference — every setting with id, type, default and a screenshot of the panel.
| Section | Type | Settings | Blocks |
|---|---|---|---|
| Image grid | image-grid | 16 | 1 |
| Page | main-page | 0 | 0 |
| Rich text | rich-text | 3 | 4 |
Full index: settings reference
<!-- END GENERATED: theme-editor -->Related files
templates/page.lookbook.json
sections/rich-text.liquid
sections/image-grid.liquid
Related experience: Homepage shoppable-hero hotspots — 02-homepage.md