Magento 1.9 RWD Theme – Zoom on Product Image Not Working

magento-1.9product-imageszoom

The zoom on product images only seems to work, when the images are square. Whenever they are not, no zoom pops up.

I am using a slightly modified version of the RWD theme. The problem also occurs when switching to the original RWD theme though.

Any ideas?

Best Answer

There is not enough information in your post to answer your question. To identify and debug the issue, the URL of your page is required.

It is quite common for image zooming not to show on non-standard Magento themes. The fix is usually to modify the template, ensuring that the zoom JavaScript and CSS files are being referenced; that the template is fetching the correct size for large and small images and that there are no conflicts with other scripts in the template.

In all cases, ensure that product images you uploaded are sufficiently large to be zoomed. At least 500px width and preferably more than 800px width. The larger the image, the higher quality the zoom. Some small images may not zoom at all.

Also consider installing a Magento image zoom extension that already supports the RWD theme such as Magic Zoom Plus. Zoom extensions typically support many themes by default.

Related Solutions

Magento – Stop Zoom on small images on Magento 1.9.0.1 RWD theme

Just for future reference if anyone else comes across to this question via google since it was the first google result when I searched for this problem what I did was change in file

skin\frontend\rwd\default\js\app.js

around line 614

IMAGE_ZOOM_THRESHOLD: 400,

to fix the behaviour so it won't look bad. So the script will work now only for much larger pictures. Other than that you can probably disable it completely by removing the code around line 649

image.elevateZoom();

as it was suggested in another person's question so it won't activate the function. Or you can increase the threshold to a very large number if that doesn't work for u.

Change Product Images from Square to Rectangle in Magento 1.9

Looking at Mage_Catalog_Helper_Image->resize

/**
 * Schedule resize of the image
 * $width *or* $height can be null - in this case, lacking dimension will be calculated.
 *
 * @see Mage_Catalog_Model_Product_Image
 * @param int $width
 * @param int $height
 * @return Mage_Catalog_Helper_Image
 */
public function resize($width, $height = null)
{
    $this->_getModel()->setWidth($width)->setHeight($height);
    $this->_scheduleResize = true;
    return $this;
}

So resize by ->keepFrame(true)->resize(null, 300)

Best Answer

Related Solutions

Magento – Stop Zoom on small images on Magento 1.9.0.1 RWD theme

Change Product Images from Square to Rectangle in Magento 1.9

Related Topic