# Shopping Cart 4 - Triple-card cart layout with discount and summary

> A highly organized shopping cart page that utilizes three distinct white cards on a light gray background to separate functional areas. The main card on the left manages the product list and inventory controls. On the right, two smaller stacked cards isolate the Discount and Summary sections. This modular structure provides visual hierarchy and makes the information of the final checkout stage easy to digest.

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/shopping-cart-4).

- Page, with a preview: https://shadcn.exchange/r/shadcncraft/shopping-cart-4
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcncraft/shopping-cart-4-light-e427e84a33cc4c4c.png
- Categories: shopping-cart
- 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/shopping-cart-4

## Dependencies

- Registry items: `button`, `input`, `separator`, `@shadcncraft/cart-item-1`, `@shadcncraft/section-heading`