2

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

How to do that.

Thanks.

  • Please specify what you trying to achive ? If possible please add more details so that I can help you. – anonymous Mar 4 '19 at 6:38
  • the question was asked 5 months ago, have you found the solution for that ? – Izhar Mehdi Jul 1 at 11:58
2

You can enable on view.xml

app/design/frontend/Package/theme/etc/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) -->
</var>
| improve this answer | |
  • How to add border line for magnifier ? – Mahi M Mar 4 '19 at 10:55
  • where to add border? – Sanju Mar 5 '19 at 13:57
  • Is this works for both desktop and mobile views? – Siva Mar 9 at 7:24
0

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

https://devdocs.magento.com/guides/v2.3/javascript-dev-guide/widgets/widget_gallery_mg.html

| improve this answer | |
0

Use this extension. It is a good one. https://store.ibnab.com/magento-2-extensions/magento-2-quick-cloud-zoom.html

| improve this answer | |

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.