如何禁用我的产品图像上的缩放效果？ [英] How to disable the zoom effect on my product images?

问题描述

我使用Weebly创建一家在线商店，使用模板并遇到了我不喜欢的事情。每当用户点击产品时，产品页面就会出现，如果您将鼠标悬停在产品图像上，则会初始化缩放功能。我如何禁用这种效果？

I am using Weebly to create an online store, using a template and ran into something I dislike. Every time an user clicks on a product the product page comes up and if you hover over the product's image, a zoom function is initialized. How do I disable this effect?

我有一种感觉，它是简单的像display：none;但我似乎无法弄清楚哪一类或什么与之相关。

I have a feeling that it is something simple like display:none; but I can't seem to figure out which class or whatever is associated with it.

推荐答案

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

The simple way is to hide the element that is placed over the image on hover via CSS:

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

或

.mousetrap {
  display: none !important;
}

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

The better way would be to disable the JavaScript, that is calculating the effect. It's located in your http://cdn2.editmysite.com/js/site/commerce-core.js at the beginning of the file. But this file is minimized, so its hard to remove the relevant code.

这篇关于如何禁用我的产品图像上的缩放效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！