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
LayoutImages are arranged in a responsive grid — one column on phones, two on tablets, three on desktop
ColumnsTiles per row on desktop, 2 to 4. Phones show one and tablets two whatever you pick; every tile is cropped to a uniform 4:5 portrait shape so rows line up cleanly.

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 whose title and price appear on the tile

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.

Built for the Shopify Theme Store.