Cambiar tamaño del JqZoom en Prestashop

Por defecto el tamaño de la ventana con el efecto del JqZoom es el que sale representado en la siguiente imagen: (200 por 200)

JqZoom en la ficha del producto (reducido)
JqZoom en la ficha del producto (reducido)

La intención es que se muestre, tal como vemos en la siguiente captura:

JqZoom en la ficha del producto (ampliado)
JqZoom en la ficha del producto (ampliado)

Pues solo debemos ir al siguiente fichero:

/themes/tuplantilla/js/product.js

Buscar estas líneas:

$('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")
});

Por defecto viene a 200 x 200 (xzoom  – anchura / yzoom – altura), en este caso lo hemos dejado a 400 por 400, dejándolo de la siguiente forma:

$('img.jqzoom').jqueryzoom({
xzoom: 400, //zooming div default width(default width value is 200)
yzoom: 400, //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")
});

Print Friendly, PDF & Email
Hosting Prestashop

2 comentarios sobre “Cambiar tamaño del JqZoom en Prestashop”

Los comentarios están cerrados.