Modificar el tamaño de JqZoom en Prestashop

23 Abr 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.