I'm facing a problem with product magnifier on the product detail page. when i hover my mouse over an area in the product image it is more showing other parts of the image and the size doesn't increase. like in this capture

enter image description here

I tried to modify magnifier properties in the view.xml but it doesn't change anything. Any help please !!

  • add your view.xml code in your question Jul 27, 2020 at 16:36

2 Answers 2


I think most of this issue is CSS problem.So set css your requirements

For Example :-

img, object, video, embed { max-height: 100%; max-width: 100%; }

Use bellow css for fix the issue:

.magnifier-preview img{ max-height: none; }

Any Problem Let me Know.



On Magento 2.4.5 An change in magnifier.js JS causes this and a change has to be made as follows -

Remove if (data.length > 0) { since data is an object and the length property is not available on it.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.