About this block

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.

When to use

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

• Store hero

After

• Product grid
• Product finder

What you can display

One strong use is four aisles at three products each. Other tab sets:

• By collection. Seasonal drops swapped through the same strip.
• By room. For homeware, one tab per space in the house.
• By use case. Work, weekend and travel as the three tabs.

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.