Cara menghapus zoom dari halaman detail produk pada tema 1.9 RWD


9

Bagaimana Anda menghapus fitur zoom dari tema rwd Magento 1.9?

Saya bisa menghapusnya dengan css

div.zoomContainer {
  display: none;
}

Tapi saya rasa ini bukan metode terbaik? Akan lebih baik untuk menghapusnya dari file templat atau dengan xml.

Saya sudah mencoba mengedit template / katalog / produk / tampilan / media.phtml tetapi tidak berhasil.


Tidak, ini bukan metode yang tepat, untuk sekarang lihat jawaban terakhir dengan edit saya.
Simbus82

Jawaban:


10

Seperti disebutkan dalam salah satu jawaban lain, fitur zoom dimulai pada createZoomfungsi file ProductMediaManagerin /skin/frontend/rwd/default/js/app.js.

Jadi, opsi lain adalah menimpa createZoomfungsi individu melalui JS nanti dalam proses.

Misalnya, jika Anda memasukkan JS sebagai bagian dari tema Anda sendiri, maka Anda dapat menambahkan berikut ini untuk menimpa createZoomfungsi di ProductMediaManagerobjek.

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

}

Dengan metode ini, Anda tidak perlu menyalin seluruh app.jsfile. Namun, Anda harus memastikan bahwa JS tema Anda ditambahkan setelah file JS tema induk. Saya menemukan ini sebagai pendekatan yang lebih bersih.


Bekerja untuk saya, tetapi perlu diingat bahwa penulisan ulang tidak dapat dimuat terlambat. Saya telah membungkusnya dengan pengamat siap dokumen jQuery, dan sudah terlambat untuk menimpa untuk melakukan apa pun. Sebaliknya saya harus menjalankan hak menimpa karena file JS kustom saya dimuat, jadi saya hanya menempatkannya di luar pengamat siap dokumen jQuery.
Louis B.

15

Buat override file /skin/frontend/rwd/default/js/app.js (misalnya di /skin/frontend/rwd/mystyle/js/app.js)

komentar baris (default line: 649):

//image.elevateZoom();

Refresh cache Magento.


1
Saya telah mengedit karena metode yang tepat.
Simbus82

2
Solusi yang sedikit lebih baik mungkin dengan hanya menambahkan return;pernyataan di bagian paling awal dari createZoomfungsi ini tempat image.elevateZoom();panggilan ini berada. Dengan begitu, tidak ada sisi klien JavaScript yang harus dijalankan terlebih dahulu. (masih ikuti praktik menimpa file ini dalam tema lokal Anda terlebih dahulu)
Darren Felton

-3

Buka /frontend/rwd/default/layout/catalog.xml, Di <catalog_product_view>bagian komentar di bawah baris

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

terima kasih, tetapi jika menghapus file js saya tidak bisa lagi memilih gambar thumbnail untuk area galeri utama
Holly

Ini bukan metode yang tepat untuk menonaktifkan fungsi ini.
Simbus82

3
Anda tidak boleh memodifikasi file di / app / design / frontend / rwd / default / layout / ATAU salah satu file di / app / design / frontend / base / default / layout / . Melakukan hal itu tidak mengikuti praktik ramah pemutakhiran. Pembaruan tata letak harus selalu dilakukan di "local.xml" dalam tema Anda. Tidak ada petunjuk tata letak XML, yang tidak dapat ditimpa, dimodifikasi, dihapus, dll., Di local.xml.
Darren Felton

Ini akan membuat kesalahan karena tidak akan dapat menemukan elevatezoom
Tisch
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.