如何在我的产品图片上停用缩放效果？

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。但是这个文件被最小化了，所以很难删除相关的代码。

Answer 2

没有必要进行任何自定义代码更改。

缩放将基于您上传的图像的大小。因此，例如，您的图像是300像素乘300像素，将没有缩放。缩放从大约640像素开始。因此，只需确保您的图像小于640像素。

注意： 如果你的图像是3000像素乘3000像素，变焦会很棒！并且位于其中间的图像将具有大约一半的缩放量。