How to Add Image Slider with Thumbnails and Click-to-Zoom Functionality

Store Design
,
1

Hi Shopify Community,

I’m using the Dawn theme for my Shopify store, and I’d like to enhance the product image display. Currently, the slider is working, but I want to add the following features:

  1. Click-to-Zoom: Allow visitors to click on an image to view it in a larger, zoomed-in format.
  2. Thumbnails: Display additional product images as thumbnails on the left side or bottom of the main slider. Visitors should be able to click on a thumbnail to view the corresponding image in the slider.

I’m aiming for functionality similar like below websites

https://www.kayseria.com/products/mcp1412-2
https://salitexonline.com/products/embroidered-luxury-khaddar-unstitched-3pcssunw6mi027ut

Currently only slider added on my website you can check on below
https://thedreamseller.store/products/mz1341200025eedbtl

Is there a way to implement this using the theme settings or through custom coding? If not, are there any apps or plugins you recommend to achieve these features?

I’d greatly appreciate your guidance!

Thank you,

2

Thanks for replying. I have already same setting in customizer but not working for me.

ScreenShot_20250116083000.png
ScreenShot_20250116083000.png452×705 35.6 KB

Remember in this setting only thumbnail and zoom feature work but want slider as well that is why i change code to add slider but it added slider but removed thumbnails and zoom feature.