We are Underground support

Disable Product Image Zoom

Last Updated: Aug 25, 2016 09:01PM EDT

Looking to access your theme's code or language options with Shopify's new theme editor layout?

In your Shopify admin click on Online store > Themes
Next to the theme that you want to edit click on the Menu button which is a small square with 3 blue dots
This will open a submenu of options which includes: Edit HTMl / CSS and Edit Language

The Product Image Zoom in the Testament theme requires images to be a minimum of 1200px tall x 800px wide to be shown effectively.

This works by taking the original image that you upload to each product and showing it in a zoom window when the smaller version shown on the product page is hovered.

If your image isn't bigger than that already shown on the page the zoom can't be shown as an increase in size.
To disable the zoom folllow these steps...
  1. Click on themes > template editor > assets > stylesheet.css.liquid
  2. Scroll to the bottom of the page
  3. Copy and paste the following code in:

    div.zoomWindow {  display: none! important; }
    div.zoomLens {   opacity: 0! important;}

  4. click save when done.

Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found