The request
“Right now the product page slider works like scroll-to-top. We need it to show a single image, and when someone clicks a variant thumbnail on the side, the main image swaps. Here's a demo of what we're after.”
The theme's default product gallery scrolled vertically through every image. The boutique wanted something closer to a lookbook: one hero image, thumbnails to the side, and the main image swapping when a color was selected.
The approach
We rebuilt the product gallery layout to match the reference the boutique sent, keeping the theme's variant logic intact so color selection still updated price and availability correctly.
The layout collapses cleanly on mobile, where the thumbnails move beneath the main image so nothing gets cramped.
What we shipped
Single-image product gallery with side thumbnails
Main image swaps when a variant is selected
Mobile layout with thumbnails beneath the main image
Theme's variant and inventory logic preserved
Tested on the boutique's full catalog