Faceted Product Browse Shell
Commerce browse shell for filters, result controls, product grids, and support rails.
LLM handoff
Copy a concise page brief or the full MDX source without digging through the docs shell.
Collection
Workspace seating
A browse shell for faceted collections, search results, and category routes.
- Results
- 28
- Updated
- Today
Material: Steel, Walnut. Lead time: under 6 weeks.
28 results
Object
Alpine Frame Chair
WalnutSteel
$1,480
Object
Grid Back Lounge
ModularIndoor
$2,240
FacetedProductBrowseShell closes the biggest commerce gap in the catalog: a real browse structure for filtered product collections.
Installation
Install
Purchase access, then open /account/install to issue a registry token.Usage
import { FacetedProductBrowseShell } from "@/registry/swiss/blocks/faceted-product-browse-shell"Why This Block Exists
The commerce layer needed a real browse shell, not just individual product units. This block handles that missing job directly.
Examples
Use it for:
- faceted collection pages
- search result routes
- category browse with supporting shipping or stock context
Pair it with CollectionHeader, FilterResultBar, and ProductGridItem when the route needs browse context, result controls, and repeatable product units in one system.
API Reference
| Prop | Type | Required | Notes |
|---|---|---|---|
filters | ReactNode | yes | Left-side filter rail. |
results | ReactNode | yes | The main grid or result list. |
header | ReactNode | no | Browse header or collection intro. |
controls | ReactNode | no | Sort, count, saved-view, or export band. |
summaryRail | ReactNode | no | Optional right rail for support notes or active state context. |