Tabbed Category Preview
One tab per aisle, each panel previewing three products with prices, an honest aisle line, and a shop all link.
One tab per aisle, each panel previewing three products with prices, an honest aisle line, and a shop all link.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Tabbed Category Preview stacks the four aisles into one tab strip, each panel showing three products with a placeholder thumb and price, one honest line on the aisle, and a shop all link carrying its style count. Built on the shadcn Tabs primitive, so the panel swaps in place without leaving the section.
Aisles are one array with a controlled active tab. Three pieces per panel is stated as a fair sample rather than a highlight reel, which keeps the preview honest about the rest of the aisle.
Reach for this block when four categories each deserve a look but you have room for one on screen. It lets a visitor flick through the shop before committing to a single aisle, then hand off to the full grid.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is four aisles at three products each. Other tab sets:
Tip: keep the panels to three items; the tab strip is a teaser, and the shop all link is where the real depth of each aisle lives.