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

jus*_*ees 3 css image hover weebly

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

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

and*_*eas 5

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

.cloud-zoom-big,
#cloud-zoom-big {
  display: none !important;
}
Run Code Online (Sandbox Code Playgroud)

或者

.mousetrap {
  display: none !important;
}
Run Code Online (Sandbox Code Playgroud)

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