Featured Product Showcase

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/ecommerce/ecommerce12.tsx instead.

Usage

The file also exports ecommerce12Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Ecommerce12, ecommerce12Demo } from "@/components/blocks/ecommerce/ecommerce12";

export default function Page() {
  return <Ecommerce12 {...ecommerce12Demo} />;
}

Props

Behavior notes

• Fully static marketing block: "Add to cart" has no click handler here, this is a showcase section, not the live cart.
• imagePosition just reorders the two grid columns at the lg breakpoint via lg:order-2; below that breakpoint the image always stacks above the copy.
• originalPrice and rating are both optional and independently omitted; the strikethrough price and star row each only render when their prop is set.
• image falls back to a centered Package icon on a muted background when omitted, rather than a broken image.