Product Quick View 9 block design & features
A shadcn/ui quick view that opens as a wide sheet from the right. On desktop the left side shows the product photos stacked in a scrolling column, while the right side stays pinned with the collection label, product name, a muted delivery notice, the sale price with a Sale badge and the purchase form.
The form offers a choice between a one-time purchase and a subscription, a quantity stepper beside an Add to Cart button, and a full-width Buy Now button. Below sit four small icon labels for product values, a read-only discount code with a Copy button, a Share toggle that reveals a copyable link, and a View Details link. The product, images, options, notice and values are all props.
On mobile the sheet takes the full width, the photos become a swipeable carousel above the details, and the content scrolls inside the sheet.