Lookbook is a section: two photos side by side with pins that reveal each product.
Set it up
- Upload
sections/mb-lookbook.liquidwithassets/mb-lookbook.jsandassets/mb-lookbook.css. - Add Maisonblock Lookbook, then choose the left and right photos.
- Add a Pin block per product: pick the product and the photo it sits on, then move the two sliders until the pin sits on the piece.
Behaviour
Hover a pin on desktop, or tap it on a phone, to see the product's photo, name and price in your store's currency; the card links to the product. Escape closes it. Cards stay inside the photo near its edges. On phones the photos stack.
All settings
Read directly from the file you download (version 1.0.0).
| Setting | Type | Default |
|---|---|---|
| Heading | text | Shop the look |
| Left photo | image_picker | — |
| Right photo | image_picker | — |
| Focus colour | color | #16130F |
| Section padding | range | 0 |
| Each “Pin” block | ||
| Product | product | — |
| Photo | select | left |
| Across (left to right) | range | 50 |
| Down (top to bottom) | range | 40 |