Lookbook section
Shoppable editorial grid with up to four hotspot pins per look, filters, load more, and gallery media masks.
Use Lookbook for portfolio-style merchandising. Turn on Show product chips and hotspots, then assign Featured products 1–4 on each look and set each pin’s X/Y so they do not stack. Progressive load needs more looks than Initial visible looks.
Shop the look
Each look supports up to four featured products. Every filled product slot renders its own hotspot with a chip that opens on that hotspot only (or stays open if product chips are set to Always).
Discovery and load more
Enable look filters to build chips from Category / Mood / Service type tags (or the look title). Featured look ordering can pin featured looks first. Load more reveals the next batch of looks.
Gallery masks
Primary and secondary media masks work with optional cell alternation. Soft round, editorial, offset panel, and soft iris stay visibly distinct even when motion is off.
Sections overview · Section schema reference
Schema file
lookbook.liquid — t:sections.lookbook.name
Settings
| id | type | label |
|---|---|---|
| eyebrow | text | t:sections.lookbook.settings.eyebrow.label |
| heading | text | t:sections.lookbook.settings.heading.label |
| subheading | textarea | t:sections.lookbook.settings.subheading.label |
| filter_all_label | text | All filter label |
| source_mode | select | Source mode |
| metaobject_limit | range | Metaobject look limit |
| product_chip_density | select | Product chip density |
| product_chips_reveal | select | Product chips visibility |
| load_more_label | text | Load more button label |
| layout_variant | select | t:sections.lookbook.settings.layout_variant.label |
| overlay_position | select | t:sections.lookbook.settings.overlay_position.label |
| gallery_mask | select | t:sections.lookbook.settings.gallery_mask.label |
| gallery_mask_secondary | select | t:sections.lookbook.settings.gallery_mask_secondary.label |
| gallery_alternate_cells | select | t:sections.lookbook.settings.gallery_alternate_cells.label |
| gallery_hairline | checkbox | t:sections.lookbook.settings.gallery_hairline.label |
| color_scheme | color_scheme | t:sections.all.settings.color_scheme.label |
| overlay_style | select | t:sections.lookbook.settings.overlay_style.label |
| overlay_opacity | range | t:sections.lookbook.settings.overlay_opacity.label |
| padding_top | select | t:sections.all.settings.section_padding.padding_top.label |
| padding_bottom | select | t:sections.all.settings.section_padding.padding_bottom.label |
| border_top | select | t:sections.all.settings.border_top.label |
| border_bottom | select | t:sections.all.settings.border_bottom.label |
| divider_style_top | select | t:sections.all.settings.divider_style_top.label |
| divider_style_bottom | select | t:sections.all.settings.divider_style_bottom.label |
| show_overlay | checkbox | t:sections.lookbook.settings.show_overlay.label |
| enable_shop_the_look | checkbox | Show product chips and hotspots |
| enable_quick_add | checkbox | Enable quick add for single-variant products |
| enable_filters | checkbox | Enable look filters |
| taxonomy_field | select | Taxonomy field |
| featured_order | select | Featured look ordering |
| enable_load_more | checkbox | Enable progressive load |
| initial_items | range | Initial visible looks |
| enable_motion | checkbox | t:sections.lookbook.settings.enable_motion.label |
Blocks
| type | name | setting count |
|---|---|---|
| look | t:sections.lookbook.blocks.look.name | 27 |
Was this page helpful?
Content is maintained by Arcanum Hollow Labs. For internal engineering notes, see the docs/ folder in the monorepo.