Skip to content

Lookbook

A curated gallery of lifestyle images, each linked to a product or collection. Creates an editorial, aspirational browsing experience.

Try it

Change the settings below and watch the preview update in real time. Click Split to see settings and preview side by side, or use the tabs to switch between them.

Lookbook
2

How many images per row.

#1a1a1a
Storefront preview
Shop look
Shop look
Shop look
Live demo — Lookbook on storefront
Live demo — Lookbook on storefront

Settings

SettingWhat it does
Color schemePicks which set of colors to use for this section
HeadingThe title above the gallery
LayoutHow images are arranged — grid, masonry, or single column
ColumnsHow many images per row (for grid and masonry layouts)

Blocks

Lookbook Item

Each item is a block:

SettingWhat it does
ImageThe lifestyle or editorial image
CaptionA short caption overlaid on the image
HeadingA title for this item
TextA short description
LinkWhere the image takes people when clicked
ProductAn optional product to show when visitors hover

You can add as many items as you need.

Tips

  • Use high-quality, editorially-styled images rather than standard product photos. The lookbook should feel like a magazine spread, not a product catalog.
  • Masonry layout works best when your images have different aspect ratios. If all images are the same size, use the grid layout instead.

Built for the Shopify Theme Store.