Product Gallery 18 block design & features
A product photo grid for apparel, built with shadcn/ui Carousel and PhotoSwipe. On desktop two large portrait photos sit on the top row and three smaller ones fill the row below, with a round heart button in the top right corner for adding the product to a wishlist.
Clicking any photo opens it in a fullscreen lightbox with arrow buttons, a close button and an image counter. The heart button toggles between outlined and filled.
On mobile the grid turns into a vertical carousel that fills most of the screen height, with small dot indicators stacked on the right and the heart button moved to the bottom corner. The images and gallery ID are props.