Product Gallery 17 block design & features
A large square product image carousel with a vertical rail of small square thumbnails laid over its lower left edge, built with shadcn/ui Carousel and PhotoSwipe.
Clicking a thumbnail moves the carousel to that image and gives the thumbnail a white ring. The carousel loops and can also be swiped or dragged. Clicking the main image opens a fullscreen lightbox with arrow buttons, a close button and an image counter.
On mobile the thumbnail rail is hidden and a row of dot indicators under the image takes its place. The images, each with its own thumbnail, and the gallery ID are props.