如何禁用我的产品图片的缩放效果？
How to disable the zoom effect on my product images?
我正在使用 Weebly 创建在线商店，使用模板和 运行 到我不喜欢的东西。每次用户单击产品时，产品页面都会出现，如果您将鼠标悬停在产品图像上，则会初始化缩放功能。如何禁用此效果？
感觉是display:none这样简单的东西；但我似乎无法弄清楚哪个 class 或与之相关的任何内容。
最简单的方法是通过 CSS 隐藏悬停在图像上的元素：
.cloud-zoom-big,
#cloud-zoom-big {
display: none !important;
}
或
.mousetrap {
display: none !important;
}
更好的方法是禁用JavaScript，即计算效果。它位于文件开头的 http://cdn2.editmysite.com/js/site/commerce-core.js 中。但是这个文件是最小化的，所以很难去掉相关代码。
无需更改任何自定义代码。
缩放将基于您上传的图片的大小。因此，例如您的图像是 300 x 300 像素，将不会缩放。缩放从大约 640 像素开始。因此，请确保您的图片小于 640 像素。
注意：
如果您的图像是 3000 x 3000 像素，那么缩放会很棒！中间某处的图像将具有大约一半的缩放量。
我正在使用 Weebly 创建在线商店，使用模板和 运行 到我不喜欢的东西。每次用户单击产品时，产品页面都会出现，如果您将鼠标悬停在产品图像上，则会初始化缩放功能。如何禁用此效果？
感觉是display:none这样简单的东西；但我似乎无法弄清楚哪个 class 或与之相关的任何内容。
最简单的方法是通过 CSS 隐藏悬停在图像上的元素：
.cloud-zoom-big,
#cloud-zoom-big {
display: none !important;
}
或
.mousetrap {
display: none !important;
}
更好的方法是禁用JavaScript，即计算效果。它位于文件开头的 http://cdn2.editmysite.com/js/site/commerce-core.js 中。但是这个文件是最小化的，所以很难去掉相关代码。
无需更改任何自定义代码。
缩放将基于您上传的图片的大小。因此，例如您的图像是 300 x 300 像素，将不会缩放。缩放从大约 640 像素开始。因此，请确保您的图片小于 640 像素。
注意： 如果您的图像是 3000 x 3000 像素，那么缩放会很棒！中间某处的图像将具有大约一半的缩放量。