I want to zoom product gallery image on mouse over in magento 2.

How to do that.


  • Please specify what you trying to achive ? If possible please add more details so that I can help you. – anonymous Mar 4 at 6:38

Magnifier widget used for zooming the product images on product pages.



You can enable on view.xml


<var name="magnifier">
        <var name="fullscreenzoom">20</var>  <!-- Zoom for fullscreen (integer)-->
        <var name="top"></var> <!-- Top position of magnifier -->
        <var name="left"></var> <!-- Left position of magnifier -->
        <var name="width">400</var> <!-- Width of magnifier block -->
        <var name="height">400</var> <!-- Height of magnifier block -->
        <var name="eventType">hover</var> <!-- Action that atcivates zoom (hover/click) -->
        <var name="enabled">true</var> <!-- Turn on/off magnifier (true/false) -->
  • How to add border line for magnifier ? – Mano M Mar 4 at 10:55
  • where to add border? – Sanju Mar 5 at 13:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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