I want to change the fotorama-item and palace the custom zoom functionality on the product detail page. I am using the default "luma" theme not my custom theme.

I have gone to the admin panel and Enabled Template Path Hints for Storefront and it's using the below file:


So, just want to remove fotorama and palace the below example when we hover on the image.


I want to use the Inner Zoom.

Anybody can help me how I can palace the Inner Zoom functionality when user hove on the image.

1 Answer 1


If you want to use zoom functionality within (Inner Zoom) the Image,


You can enable the magnifier ‘true’ as referenced,

<var name="magnifier">
<var name="fullscreenzoom">5</var> <!-- Zoom for fullscreen (integer)-->
<var name="top"></var> <!-- Top position of magnifier -->
<var name="left"></var> <!-- Left position of magnifier -->
<var name="width"></var> <!-- Width of magnifier block -->
<var name="height"></var> <!-- Height of magnifier block -->
<var name="eventType">hover</var> <!-- Action that activates zoom (hover/click) -->
<var name="enabled">true</var> <!-- Turn on/off magnifier (zoom) (true/false) -->

Recommended to change the changes by creating custom theme.

  • Can I override the view.xml using this file structure E:\xampp\htdocs\learnmagento\app\design\frontend\Magento\theme-frontend-luma\etc\view.xml ? Beacuse I have no any custom theme yet. Commented Feb 28, 2017 at 6:28
  • Thank you Kirsh, it's working fine if we enable the magnifier from view.xml. Thanks for your help !!!! Commented Feb 28, 2017 at 6:50

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.