Changing Product 'Zoom' factor on Shopify Debut Theme Product Image

Store Design
1

Hi all,

Need a little help – an option within the Debut theme is to enable zoom on mouseover (like a magnifying glass). However, by default the zoom is too much, is there a setting somewhere to modify this? Thanks in advance!!!

2

Unless the default implementation has been changed, you should find the settings under sections/product-template.liquid, Shopify Theme Code editor, you should see something along these lines:

...
  {%- assign product_image_zoom_size = '1024x1024' -%}
  {%- assign product_image_scale = '2' -%}
...

valid values for product_image_scale are 2 or 3, I hope it is set to 3 and you can lower it down to 2. You can also play around with product_image_zoom_size value if you were referring to the image size and not the scale.

3 Likes
3

Thank you so much for your help. Unfortunately, it was already set to the minimum zoom, but I was able to play with the image size parameter to achieve a similar outcome. Thank you!

1 Like
4

Just wanted to say that I had the same problem and your posts helped me fix it, thank you.

My images are all in size 2024. The zoom was already set to ‘2’ but I got the perfect zoom by decreasing the parameter product_image_zoom_size to 512x512 (from 1024x1024).

Works like a charm!

3 Likes
5

Amazing, thank you!

6

SORRY, I finally found this thread: Solved: Craft theme: product page magnified image size - Shopify Community and it helped me a bit, though I wanted it to extend only to the actual image size and not magnify it at all.

I have a similar problem. I use the Craft template to set up a new store, and if I click on the image on a desktop, the image gets huge, magnified to stretch the entire x-width of the screen, destroying every image.

I do not have a sections/product-template.liquid. Could you or anyone please suggest where I can adjust the maximized magnifing of the popup? Or actually, just turn it off?

With kind regards,

  • Johan.