Circle Category Row
Aisles as round image chips in one scannable strip, the mobile commerce pattern.
Aisles as round image chips in one scannable strip, the mobile commerce pattern.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Circle Category Row borrows the round chip strip from mobile commerce apps, eight categories as circular image chips with labels beneath, wrapping into rows on desktop. The Sale chip rings heavier, the one allowed emphasis, and the labels stay under the circles so nothing overlays imagery.
Categories are one array of names, each chip a placeholder crop until real photography lands.
Reach for this block high on mobile heavy stores, directly under the navbar or hero, where one tap navigation beats any menu. On desktop it works as a compact directory between heavier sections.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is your aisles with New in first and Sale last. Other strips:
Tip: order the chips by traffic except the bookends, New in opens because it answers the regular, Sale closes because everyone finds it anyway.