⚠️ Mobile is not supported yet.

Product Details (PDP)

block

Compound product detail page: gallery, header (all brands), variant selection, offers, price history, description, attributes, and an optional 'you might also like' carousel. Pairs with useVariantSelection.

Provided by channel3

Open in

@channel3/sdk

https://ui.trychannel3.com/r/image-gallery.json
https://ui.trychannel3.com/r/offers-list.json
https://ui.trychannel3.com/r/variant-selector.json
https://ui.trychannel3.com/r/price-range-gauge.json
https://ui.trychannel3.com/r/price-history-chart.json
https://ui.trychannel3.com/r/product-attributes.json
https://ui.trychannel3.com/r/product-recommendations.json
https://ui.trychannel3.com/r/use-product-recommendations.json
https://ui.trychannel3.com/r/use-variant-selection.json
https://ui.trychannel3.com/r/format.json

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://ui.trychannel3.com/r/product-details.json"

Files

Styles

Light Mode

No variables found.

Dark Mode

No variables found.

Theme

No variables found.

CSS

No CSS found.

Product Details (PDP)

Installation

Files

components

Styles