2

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

How to do that.

Thanks.

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

3 Answers 3

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>
3
  • How to add border line for magnifier ?
    – Mahi M
    Commented Mar 4, 2019 at 10:55
  • where to add border?
    – Sanju
    Commented Mar 5, 2019 at 13:57
  • Is this works for both desktop and mobile views?
    – MagentoDev
    Commented Mar 9, 2020 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

0

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

Your Answer

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

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