如何从1.9 RWD主题的产品详细信息页面中删除缩放

如何从Magento 1.9的rwd主题中删除缩放功能？

我可以用CSS删除它

div.zoomContainer {
  display: none;
}

但是我不认为这是最好的方法？最好将其从模板文件或xml中删除。

我试过编辑template / catalog / product / view / media.phtml，但没有运气。

如其他答案之一所述，缩放功能始于in 文件的createZoom功能。ProductMediaManager/skin/frontend/rwd/default/js/app.js

因此，另一种选择是createZoom在此过程的稍后阶段通过JS 覆盖单个函数。

例如，如果要插入JS作为自己主题的一部分，则可以添加以下内容以覆盖对象中的createZoom函数ProductMediaManager。

// ProductMediaManager is outside document.read scope
if (typeof ProductMediaManager !== 'undefined') {

  // Override image zoom in /skin/frontend/rwd/default/js/app.js
  // and prevent the zooming of images on hover
  ProductMediaManager.createZoom = function(image) { return; }

}

使用这种方法，您不必复制整个app.js文件。但是，必须确保在父主题的JS文件之后添加主题的JS。我发现这是一种更清洁的方法。

创建文件/skin/frontend/rwd/default/js/app.js的替代（例如，在/skin/frontend/rwd/mystyle/js/app.js中）

评论这一行(default line: 649)：

//image.elevateZoom();

刷新Magento缓存。

打开/frontend/rwd/default/layout/catalog.xml，<catalog_product_view>在行下面的部分注释中

<action method="addItem"><type>skin_js</type><script>js/lib/elevatezoom/jquery.elevateZoom-3.0.8.min.js</script></action>