Product Quick View 11 block design & features
A compact shadcn/ui quick view dialog for a leather corner sofa. A wide photo fills the top of the dialog, with a strip of four thumbnails underneath. Below the strip sit the product name with its price on the same line and a two-line description, then a footer bar with a full-width Add to Cart button and a delivery note.
Clicking a thumbnail crossfades the main photo and rings the selected thumbnail while the others stay slightly faded. Adding to the cart fades the button out and a confirmation row in, with a check mark, an Added to your cart message, the item count and subtotal, an Undo button and a View Cart button, all in the same space so the dialog never changes size. The styling is quiet and flat with rounded corners, a single hairline above the footer and plenty of photo.
The design is minimal and practical, closer to a fast add flow than a full product page. It needs several photos of the same product from different angles. The product name, description, price, photos, delivery note and cart link are props, and the confirmation is announced to screen readers.