如何禁用产品图片的缩放效果？

Question

我正在使用 Weebly 创建一个在线商店，使用模板并遇到了我不喜欢的东西。每次用户单击产品时，都会出现产品页面，如果将鼠标悬停在产品图像上，则会初始化缩放功能。如何禁用此效果？

我有一种感觉，就像 display:none; 一样简单。但我似乎无法弄清楚哪个类或与之相关的任何东西。

Answer 1

简单的方法是通过 CSS 隐藏悬停在图像上的元素：

.cloud-zoom-big,
#cloud-zoom-big {
  display: none !important;
}

或者

.mousetrap {
  display: none !important;
}

更好的方法是禁用 JavaScript，即计算效果。它位于http://cdn2.editmysite.com/js/site/commerce-core.js文件的开头。但该文件已最小化，因此很难删除相关代码。