If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

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:

    Shopify_how_to_disable_product_images_zoom1

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

    Shopify_how_to_disable_product_images_zoom2

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

  5. Change:

    zoomEnabled: true,

    to:

    zoomEnabled: false,

    Shopify_how_to_disable_product_images_zoom3

  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