Come rimuovere lo zoom dalla pagina Dettagli prodotto su 1.9 Tema RWD

Question

Come rimuovi la funzione di zoom dal tema RWD di Magento 1.9?

Posso rimuoverlo con CSS

div.zoomContainer {
  display: none;
}

.

Ma non penso che questo sia il metodo migliore?Sarebbe meglio rimuoverlo da un file modello o con XML.

Ho provato a modificare il modello / catalogo / prodotto / vista / media.phtml ma non ha avuto fortuna.

Answer 1

Come accennato in una delle altre risposte, la funzione di zoom inizia nella funzione createZoom del ProductMediaManager nel file /skin/frontend/rwd/default/js/app.js.

Allora, un'altra opzione è quella di ignorare la singola funzione createZoom tramite JS più avanti nel processo.

Ad esempio, se stai inserendo JS come parte del tuo tema, è possibile aggiungere quanto segue per sovrascrivere la funzione createZoom nell'oggetto 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; }

}

.

Con questo metodo, non è necessario copiare l'intero file app.js.Tuttavia, è necessario assicurarsi che il JS del tuo tema venga aggiunto dopo il file JS del tema del genitore.Trovo che questo sia un approccio più pulito.

Answer 2

Crea un override di file /skin/frontend/rwd/default/js/app.js (ad esempio in /skin/frontend/rwd/mystyle/js/app.js)

Commenta la linea (default line: 649):

//image.elevateZoom();

.

Aggiorna la cache magenta.

Answer 3

Apri /frontend/rwd/default/layout/catalog.xml, In <catalog_product_view> Sezione Commento sotto la riga

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

.