Lookbook
Lookbook: several looks, each an image with hotspots, as a carousel or a grid. Intro blocks on the recto page; looks on the verso page; stacked in Full width.
This section also has the base settings every section shares: color scheme, layout, running head, page number, padding, divider and reveal on scroll.
Settings
| Setting | What it does |
|---|---|
| Layout | Options: Carousel, Grid. Default: carousel. |
| Hotspot style | Options: Numbers, Dots. Default: number. |
| Order on mobile | Options: As on desktop, Second page first. Default: same. |
| Content width | Options: Narrow, Normal, Wide. Default: normal. |
| Minimum height | Options: Automatic, Small, Medium, Large, Full screen. Default: none. |
| Background image | |
| Overlay opacity | A layer in the color scheme’s background color keeps text readable over the image. From 0 to 90 %. Default: 60. |
| Padding on mobile | Options: Same as desktop, Smaller, None. Default: same. |
| Visibility | Options: Show on all devices, Hide on mobile, Hide on desktop. Default: all. |
Blocks
Look
A look: an image with hotspot blocks placed on it. Used by Shoppable image and Lookbook. Hotspots are numbered or shown as dots (section setting). Their positions are physical (from the left and top of the photo), because the photo itself never mirrors in right to left languages and the dot must stay on the product.
| Setting | What it does |
|---|---|
| Image | |
| Caption |