Product Gallery 12 block design & features
A single-image product gallery in a tall portrait frame, built with shadcn/ui Carousel and PhotoSwipe. Round arrow buttons sit on either side of the photo and a small pill of dot indicators sits in the bottom right corner.
The arrows step through the images and are disabled at the first and last photo. Clicking a dot jumps to that image. Clicking the photo opens a fullscreen lightbox on a plain background with its own arrows, dots and close button, and closing it returns the carousel to the image you were viewing.
The images, including their full-size dimensions for the lightbox, and the gallery ID are props.