Modificar jqZoom (Aumento de zoom y estilo de zoom)

[Acualan]

¡Hola!

Hoy traigo un aporte que quizá sirva a algunas personas que necesitan modificar jqZoom:

- Para modificar el aumento de zoom en las imágenes de producto:

En el BackOffice de nuestro Prestashop nos dirigimos a Preferencias/Imágenes y modificaremos el ancho y el alto de "thickbox default". Cuanto más alto sea el número, más zoom hará en la foto. A continuación bajamos al final de la página y hacemos clic en "Regenerar miniaturas". También vaciamos caché y forzamos compilación en el menu de Parámetros Avanzados / Rendimiento.

- Para modificar el tipo de zoom:

Mi cliente quería un zoom standard en el que cuando pongas el cursor por encima de la foto hiciera zoom justo en esa zona, por lo que mi solución es la siguiente:

Ir a themes/tutema/css/product.css

Modificar lo siguiente:

.mousetrap {background: none !important;height: 100% !important;overflow: hidden;position:absolute;top: 0 !important; left: 0 !important; width: 100% !important;z-index: 999 !important;display:block;}

#mousetrap_img{display: block ; z-index:2; opacity:0; width:100% !important; height:100% !important; position:absolute; right: 0px; bottom: 0px;}

 

Espero que os sirva de ayuda.

 

¡Saludos!