Display zoom image with thumbnail slider when click to enlarge product image (Dawn Theme)

Store Design
, ,

Topic summary

A user wants to customize the product image zoom functionality on their Dawn theme store. Desired features include:

  • Pop-up window that opens when clicking product gallery images
  • Thumbnail slider positioned on the right side of the zoomed image
  • Close button to exit the pop-up

The user has already enabled Lightbox zoom but needs this specific layout. They’ve reviewed existing Shopify apps but found none that provide only the zoom page enhancement without altering the main product gallery design.

Current status: Another user suggested a CodePen demo reference using PhotoSwipe library to achieve the pop-up display, though the link appears corrupted in the thread. The discussion remains open as implementation details are being explored.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I want to customize the zoom page to follow this design below. I have enabled the image to zoom on Lightbox, but need to change as the design. In the product page, once user click any of the image on image gallery, a pop-up window will open to zoom the image with the thumbnail slider on the right side. Then it would have a Close button to exit the pop-up window.

I have reviewed most of the Shopify apps and none of them fulfill this design and they also changed the product image gallery design and looks, which I don’t want that. I just want to enhance the zoom page.

Please share with me any other apps or library that support this design only for the zoom page. Anyway I am using Dawn theme. Thanks

zoom image.png
zoom image.png694×697 4.81 KB

2

Hi @noraziz ,

You can refer demo

it uses PhotoSwipe to display the popup