Zoom on Mobile

When I am viewing our site on a mobile device (shrinking the browser to mobile size) the product pages with multiple images blow up larger than the screen. Is there a way to just make the click of the secondary images change the main product image within the page rather than blow it up in a lightbox?

Hi jkeeler,

Usually we remove the Cloud Zoom on mobile devices. That's why you see the default nopCommerce lightbox. If you want to leave the Cloud Zoom regardless of the device:
1. Open the \Scripts\cloud-zoom-custom.min.js
2. Replace

!$.isMobile() && 768 < a.width

with

true

3. Save the file.

P.S. There is a difference between opening the site on a mobile device and shrinking the browser to mobile size.

Hope this helps !

Best regards,
Hristian Dimov
Nop-Templates Team