Shop The Look 2 - Look with product list beside
A tall editorial look photo on one side and a numbered product list on the other, each with size chips and individual add buttons. Use it on lookbook or campaign pages where every item in the outfit should be purchasable.
About Shop The Look 2
A tall editorial look photo on one side and a numbered product list on the other, each with size chips and individual add buttons. Use it on lookbook or campaign pages where every item in the outfit should be purchasable.
Shop The Look 2 is a free shop the look block for React, built on shadcn/ui and Tailwind CSS. It ships as 96 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- shop the look
- lookbook
- product list
- fashion
- sizes
- ecommerce
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/shop-the-look-02Dependencies installed automatically: lucide-react.
Uses: button, reveal, utils.
Usage
import ShopTheLook02 from "@/components/blocks/shop-the-look-02"
export default function Page() {
return <ShopTheLook02 />
}