Як зняти масштабування зі сторінки деталей продукту на тему 1.9 RWD

Як видалити функцію масштабування з теми теми Magento 1.9?

Я можу його видалити за допомогою css

div.zoomContainer {
  display: none;
}

Але я не думаю, що це найкращий метод? Краще буде видалити його з файлу шаблону або з xml.

Я спробував редагувати шаблон / каталог / продукт / view / media.phtml, але не пощастило.

Як було сказано в одній з інших відповідей, функція масштабування запускається у 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>