Cách xóa thu phóng từ trang chi tiết sản phẩm trên chủ đề 1.9 RWD

Làm cách nào để xóa tính năng thu phóng khỏi chủ đề rwd của Magento 1.9?

Tôi có thể loại bỏ nó bằng css

div.zoomContainer {
  display: none;
}

Nhưng tôi không nghĩ rằng đây là phương pháp tốt nhất? Sẽ tốt hơn nếu xóa nó khỏi tệp mẫu hoặc bằng xml.

Tôi đã thử chỉnh sửa mẫu / danh mục / sản phẩm / lượt xem / media.phtml nhưng không gặp may.

Như đã đề cập trong một trong những câu trả lời khác, tính năng thu phóng bắt đầu trong createZoomchức năng của tệp ProductMediaManagertrong /skin/frontend/rwd/default/js/app.js.

Vì vậy, một tùy chọn khác là ghi đè createZoomhàm riêng lẻ thông qua JS sau này trong quy trình.

Ví dụ: nếu bạn đang chèn JS như một phần của chủ đề của riêng bạn, thì bạn có thể thêm phần sau đây để ghi đè createZoomhàm trong ProductMediaManagerđối tượng.

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

}

Với phương pháp này, bạn không phải sao chép toàn bộ app.jstệp. Tuy nhiên, bạn phải đảm bảo rằng JS của chủ đề của bạn được thêm vào sau tệp JS của chủ đề gốc. Tôi thấy đây là một cách tiếp cận sạch hơn.

Tạo ghi đè tập tin / leather / frontend / rwd / default / js / app.js (ví dụ: trong / leather / frontend / rwd / mkj / js / app.js)

bình luận dòng (default line: 649):

//image.elevateZoom();

Làm mới bộ đệm Magento.

Mở /frontend/rwd/default/layout/catalog.xml, Trong <catalog_product_view>phần bình luận bên dưới dòng

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