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

Store Design
,

Topic summary

A store owner using Shopify’s Dawn theme has successfully implemented an image slider but lost two key features in the process: click-to-zoom functionality and thumbnail navigation.

Current situation:

  • Modified code to add slider functionality
  • This customization broke the built-in thumbnail and zoom features that were previously working through theme settings

Desired outcome:

  • Maintain the working slider
  • Restore thumbnail display (left side or bottom positioning)
  • Re-enable click-to-zoom capability
  • Achieve functionality similar to reference examples provided

Seeking solutions for:

  • Custom code modifications to combine all three features
  • Alternative approaches using theme settings
  • Recommended apps or plugins

The discussion includes a screenshot showing the theme customizer settings that previously worked before the slider modification. The issue remains unresolved with no responses yet from the community.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
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.