Magento – Set the default image zoom for full screen in magento 2.x

fotoramamagento2zoom

I have found the magnify settings in view.xml which allow me to turn off and on the full screen mode. I have also used the fullscreenzoom integer to reduce the steps to zooming in fully, however….

Our product images when zoomed in are 2000px tall. When somebody clicks the full screen button we want it to load up with the full size of the image zoomed in 100% with no option to zoom in and out, just the option to move around the image. I cannot seem to find a setting for selecting the default level of zoom.

It is annoying for the image to come up small then have to click the + symbol a few times, then when swiping to the next image having to zoom again.

Does anyone know a way for the full screen zoom to just be 100% with no + / – symbols.

Thanks,
Glynn

Best Answer

In your theme's /etc/view.xml file try the following settings:

<var name="magnifier">
   <var name="enabled">false</var> <!-- Turn on/off magnifier (true/false) -->
</var>

and/or

<var name="allowfullscreen">true</var>

Related Solutions

Product Page Zoom Level Adjustment

From my understanding Magento version 1.8 and less do not zoom the image as such but simply shows the image in full. See app/design/frontend/base/default/template/catalog/product/view/media.phtml

For version 1.9 with the rwd design installed I think it simply resizes the image to width 1200px. See app/design/frontend/rwd/default/template/catalog/product/view/media.phtml

<?php
    $i=0;
    foreach ($this->getGalleryImages() as $_image):
        $_imageUrl = $this->helper('catalog/image')
                          ->init($_product, 'image', $_image->getFile())
                          ->keepFrame(false)
                          ->constrainOnly(true)
                          ->resize(1200);
?>
    <img id="image-<?php echo $i; ?>"
         class="gallery-image"
         src="<?php echo $_imageUrl; ?>"
         data-zoom-image="<?php echo  $_imageUrl; ?>" />
<?php
    $i++;
    endforeach;
?>

Magento 2 – Remove Zoom/Full Screen Image Link

app/design/frontend/[theme]/[theme]/etc/view.xml

Search for:

<var name="allowfullscreen">true</var>

change it to:

<var name="allowfullscreen">false</var>

And then clear the cache in the backend. Np compiling or deploying needed.

Best Answer

Related Solutions

Product Page Zoom Level Adjustment

Magento 2 – Remove Zoom/Full Screen Image Link

Related Topic