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.

También te puede interesar...

4 comentarios
  • T3P Publicado el 24/09/2012 a las 08:32 Responder

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

    • aquihaydominios Publicado el 24/09/2012 a las 08:37 Responder

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

  • nury Publicado el 26/01/2013 a las 18:58 Responder

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

  • aquihaydominios Publicado el 26/01/2013 a las 21:06 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.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *