ProductShowcase

showcase · 5 variants · pages: home, catalog, product

numbered chips and a count line under each card: best sellers, when real sales data and its period exist; the merchant’s own products and figures only.

Open full page ↗

Install

The whole block, or just the selected variant:

npx shadcn-vue@latest add @trame/commerce-product-showcase   # Vue, every variant
npx shadcn@latest add @trame/commerce-product-showcase       # React
npx shadcn-vue@latest add @trame/commerce-product-showcase--ranked   # this variant alone