Byte Digital Themes

Lookbook grid

Editorial image grid with 1-2-2 / 2-2-2 / 1-1-1 layout patterns.

Updated 2026-05-09

A magazine-style image grid for editorial storytelling. Each tile is an image with optional caption and link.

Layouts

  • 1-2-2 — first row a single full-width hero, then two rows of two tiles
  • 2-2-2 — three rows of two tiles
  • 1-1-1 — single column (great for vertical phone-friendly storytelling)

Block settings (per tile)

SettingNotes
ImagePer-tile picker
Image ratioInherits theme card ratio (or override per tile)
CaptionOptional title
Sub-captionOptional description
LinkWhole tile clickable

Mobile

The grid collapses to a single column on mobile by default. The image ratio is preserved so vertical imagery shines.

Tips

  • Mix one wide hero with two columns of square images for editorial balance.
  • Captions should be short — 2–4 words per tile, max one line.
  • Use this between product blocks to create rhythm — pure-product homepages feel like catalogs.
Need a hand? Contact support.