So entfernen Sie den Zoom von der Produktdetailseite im 1.9 RWD-Design

Question

Wie entferne ich die Zoomfunktion aus dem rwd-Theme von Magento 1.9?

Ich kann es mit CSS entfernen

div.zoomContainer {
  display: none;
}

Aber ich glaube nicht, dass das die beste Methode ist?Es wäre besser, es aus einer Vorlagendatei oder mit XML zu entfernen.

Ich habe versucht, die Datei template/catalog/product/view/media.phtml zu bearbeiten, hatte aber kein Glück.

Answer 1

Wie in einer der anderen Antworten erwähnt, beginnt die Zoomfunktion im createZoom Funktion der ProductMediaManager In /skin/frontend/rwd/default/js/app.js Datei.

Eine andere Möglichkeit besteht also darin, die Einzelperson außer Kraft zu setzen createZoom Funktion über JS später im Prozess.

Wenn Sie beispielsweise JS als Teil Ihres eigenen Themes einfügen, können Sie Folgendes hinzufügen, um das zu überschreiben createZoom Funktion in der ProductMediaManager Objekt.

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

}

Bei dieser Methode müssen Sie nicht das Ganze kopieren app.js Datei.Sie müssen jedoch sicherstellen, dass das JS Ihres Themes nach der JS-Datei des übergeordneten Themes hinzugefügt wird.Ich finde, das ist ein saubererer Ansatz.

Answer 2

Erstellen Sie eine Überschreibung von Datei /skin/frontend/rwd/default/js/app.js (z. B. in /skin/frontend/rwd/mystyle/js/app.js)

Kommentieren Sie die Zeile (default line: 649):

//image.elevateZoom();

Aktualisieren Sie den Magento-Cache.

Answer 3

Offen /frontend/rwd/default/layout/catalog.xml, In <catalog_product_view> Abschnittskommentar unter der Zeile

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