1.9 RWDテーマの製品詳細ページからズームを削除する方法

Magento 1.9のrwdテーマからズーム機能をどのように削除しますか？

cssで削除できます

div.zoomContainer {
  display: none;
}

しかし、私はこれが最善の方法ではないと思いますか？テンプレートファイルから、またはxmlを使用して削除することをお勧めします。

template / catalog / product / view / media.phtmlを編集しようとしましたが、うまくいきませんでした。

他の回答の1つで述べたように、ズーム機能createZoomはProductMediaManagerin /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>