# Product Details 1 –  Product overview with configuration

> A clean and professional product detail section featuring a large primary image on the left and functional configuration tools on the right. The information hierarchy includes the product title, star ratings, price, and a brief description. Below, users can interact with size selection tiles, color swatches, and a quantity selector before adding the item to the cart. This layout is designed for maximum clarity, guiding the user through the customization process toward a final purchase.

A paid shadcn/ui block sold by the [@shadcncraft](https://shadcncraft.com/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcncraft/product-details-1).

- Page, with a preview: https://shadcn.exchange/r/shadcncraft/product-details-1
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcncraft/product-details-1-light-f54c484b3c84cd63.png
- Categories: product-details
- Listed: 2026-10-13

## Buy and install

@shadcncraft sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/shadcncraft/product-details-1

## Dependencies

- Registry items: `button`, `button-group`, `separator`, `@shadcncraft/section-heading`, `@shadcncraft/star-rating`