Storefront storyboard — pick a layout per page.

⭐ Widgets · pick the pieces →

Home (the landing page)

H1

Grid · classic

Product cards in a 2/3/4-up grid. Banner on top.

H2

List · density

Vertical list with thumbnail + meta. Ideal for cafés / menus.

H3

Swipe · stories

Featured carousels above a horizontal-swipe row per category.

H4

Sections · departments

Big banner per category, scroll through 'shop the look' sections.

H5

Products-first

Hero collapses fast — gets you straight to product cards.

H6

Bento · editorial

Mixed-size cards (1×1, 2×1, 1×2) — magazine feel.

H7

Albohayra · menu

Restaurant-style: hero cover, sticky category strip, sticky cart bar.

Category page

C1

Grid + quick-add

Card with '+' on hover to add without leaving.

C2

List + add-to-cart row

Restaurant-menu style — qty stepper inline.

C3

Pinterest masonry

Mixed heights, focus on imagery.

Product detail

P1

Standard PDP

Image slider on top, info + add-to-cart below.

P2

Side-by-side

Image gallery left, info right (desktop). Stacks on mobile.

P3

Sticky cart

Add-to-cart bar sticks to the bottom while scrolling.

Side menu (drawer)

M1

Classic drawer

Slides in from the side. Search + branches + order status + socials + 'powered by'.

M2

Bottom-sheet

Mobile-first — sheet rises from bottom.

How this works
Each link opens a self-contained preview page that renders with dummy sample data so you can compare layouts side-by-side. Tell us the IDs you like (e.g. h3 + c1 + p3 + m1) and we wire those to live Medusa data with the tenant's real catalog, branding, and publishable key.