para - mostrar texto al pasar el mouse css
¿Cómo desactivar el efecto de zoom en las imágenes de mi producto? (2)
Estoy usando Weebly para crear una tienda en línea, usando una plantilla y encontré algo que no me gusta. Cada vez que un usuario hace clic en un producto, aparece la página del producto y si se desplaza sobre la imagen del producto, se inicia una función de zoom. ¿Cómo desactivo este efecto?
Tengo la sensación de que es algo simple como pantalla: ninguno; pero parece que no puedo averiguar qué clase o lo que está asociado con ella.
La forma más simple es ocultar el elemento que se coloca sobre la imagen al pasar el mouse por CSS:
.cloud-zoom-big,
#cloud-zoom-big {
display: none !important;
}
o
.mousetrap {
display: none !important;
}
La mejor manera sería deshabilitar el JavaScript, que es calcular el efecto. Está ubicado en su http://cdn2.editmysite.com/js/site/commerce-core.js al comienzo del archivo. Pero este archivo está minimizado, por lo que es difícil eliminar el código relevante.
No es necesario hacer ningún cambio de código personalizado.
El zoom se basará en el tamaño de la imagen que cargue. Por ejemplo, supongamos que tu imagen tiene 300 píxeles por 300 píxeles y no habrá zoom. El zoom comienza a unos 640 píxeles. Por lo tanto, solo asegúrate de que tu imagen tenga menos de 640 píxeles.
Nota: si su imagen es de 3000 píxeles por 3000 píxeles, ¡el zoom será excelente! Y una imagen que está en el medio de eso tendrá aproximadamente la mitad de la cantidad de zoom.