fbpx

Modificar el tamaño de JqZoom en Prestashop

Modificar el tamaño de JqZoom en Prestashop

Si estás usando Prestashop para tu tienda y has activado JqZoom en la ficha del producto para conseguir un zoom de detalle de la imagen, sabrás que el tamaño por defecto es 200x200px.

Pero ¿qué ocurre si quieres modificar este tamaño? No puedes hacerlo a través del panel de administración, tendrás que acceder a tu alojamiento web a través de un cliente FTP y tocar código, concretamente el archivo product.js que se encuentra en /themes/tu-theme/js/product.js

No olvides que para que cualquier modificación en código tenga efecto debes marcar la opción Forzar compilación dentro de Herramientas -> Rendimiento

Para cambiar el tamaño de JqZoom, abre product.js y busca el siguiente código aproximadamente por la linea 443 (depende de la versión de Prestashop):

//set jqZoom parameters if needed
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
{
$('img.jqzoom').jqueryzoom({
xzoom: 200, //zooming div default width(default width value is 200)
yzoom: 200, //zooming div default width(default height value is 200)
offset: 21 //zooming div default offset(default offset value is 10)
//position: "right" //zooming div position(default position value is "right")
});
}

xzoom es el ancho del cuadro de JqZoom e yzoom el alto, cámbialo a tu gusto y actualiza en el navegador para ver los cambios.

Una vez que termines de hacer cambios recuerda desmarcar la casilla de Forzar compilación.

4 comentarios
  • T3P
    Enviado el 08:32h, 24 septiembre Responder

    Gracias !
    Un tutotial muy bueno. Me ha sido de gran ayuda…

    • aquihaydominios
      Enviado el 08:37h, 24 septiembre Responder

      Nos alegra que te haya servido! Gracias por comentarlo. Un saludo!

  • nury
    Enviado el 18:58h, 26 enero Responder

    Buenas tardes:
    Quisiera saber como aumentar el zoom, deseo mostrar la imagen con mayor zoom se podria?? gracias

  • aquihaydominios
    Enviado el 21:06h, 26 enero Responder

    Hola @nury, podrías configurar la imagen de thickbox (o como se llame en tu Prestashop) más grande, así conseguirías ese efecto. Los valores xzoom e yzoom son el ancho y el alto.

Déjanos un comentario