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

Question

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

CSS で取り外すことができます

div.zoomContainer {
  display: none;
}

.

しかし、私はこれが最良の方法だとは思わないのですか？テンプレートファイルまたはXMLから削除するのが良いでしょう。

テンプレート/カタログ/製品/ view / media.phtmlの編集を試みましたが、運がなかった。

Answer 1

他の答えの1つで述べたように、ズーム機能はcreateZoomファイルのProductMediaManagerの/skin/frontend/rwd/default/js/app.js関数で始まります。

その他の選択肢は、プロセスの後半のJSを介して個々のcreateZoom関数を上書きすることです。

たとえば、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が追加されていることを確認する必要があります。これはクリーナーアプローチであると思います。

Answer 2

ファイル/ skin/frontend/rwd/default/js/app.jsのオーバーライドを作成します （/ skin/frontend/rwd/mystyle/js/app.js）

コメント行(default line: 649)：

//image.elevateZoom();

.

マゼントキャッシュを更新します。

Answer 3

/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>

.