Shopify. How to disable product images zoom

This tutorial will show you how to disable product images zoom on product page in Shopify templates.

Shopify. How to disable product images zoom

1. Log into your Admin panel and go to Online Store -> Themes.

2. Select Edit HTML/CSS option from the drop down list:

   

3. Go to Assets folder, open jquery.elevatezoom.js file:

   

4. Scroll down till $.fn.elevateZoom.options function.

5. Change:

   zoomEnabled: true,

   to:

   zoomEnabled: false,

   

6. Save this file.

Thank you for reading this tutorial. Now you know how to disable product images zoom on product page in Shopify templates.

Feel free to check the detailed video tutorial below:

Shopify. How to disable product images zoom