Magento – Magento default zoom for product image is not working properly

magento2.2.3product-imageszoom

I'm using Magento 2.2.3. The issue I'm facing is that the default zoom functionality is not working properly in the Product Image.

Here's the link to our development site:

http://37.152.57.114/min-bok-om-faglar

Please check the above product, when you double-click the product image, the zoom functionality is not working for some pages. For example, the zoom is working for the first page for the above-said product but the zoom is not working for other pages for the same product when you double click on the product image.

Could you please help me to resolve this issue?

Looking for your suggestion.

Regards,

Best Answer

Update : Image zoom works for some products and doesn't for others is because your product images are not as much large to where zoomer functionality should be available :

For example :

above product zoom is working because your image size is 900 x 1200 : http://37.152.57.114/pub/media/catalog/product/cache/189fe8db56a91dc68672618a725a226d/m/i/min-bok-om-f_glar-960x1200-page1.jpg

And for this product : http://37.152.57.114/skrivstilsloggen

zoom is not working because image is not large enough where zoom functionality should be available. http://37.152.57.114/pub/media/catalog/product/cache/189fe8db56a91dc68672618a725a226d/2/3/2304-majema-skrivstilsloggen-sidurval-420x600-page1_2.jpg

TIP : if you resize your browser screen you will see + - will appear as soon window ( height ) reduces in size.

Related Solutions

Magento 1.9 – Replace Zoom Image on Click of More Views

Hi You can add some custom jQuery for this as your zoom image is not changing Write below code at the end of your js file.

jQuery(document).ready(function(){
jQuery('.product-image-thumbs a.thumb-link img').click(function(){
   setTimeout(function(){ 
    jQuery('.zoomImg').attr('src',jQuery('.gallery-image.visible').attr('data-zoom-image'));
            }, 1000);

  });  });

Magento – Media main image not changes with swatches magento 2.0.2

Are you uploading individual images for each simple product on your Magento 2 site?

Here's an example of individual images that are part of a configurable product, using Magento's sample data set:

If that is how you uploaded the products and the images are still not showing up, I'd make sure to clear cache, re-index, and (depending on the mode - developer / production / default) check on static deployment.

Let me know if that works?

Best Answer

Related Solutions

Magento 1.9 – Replace Zoom Image on Click of More Views

Magento – Media main image not changes with swatches magento 2.0.2

Related Topic