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)
![jqueryZoom JqZoom en la ficha del producto (reducido)](https://victor-rodenas.com/wp-content/uploads/2012/03/jqueryZoom.jpg)
La intención es que se muestre, tal como vemos en la siguiente captura:
![productJS JqZoom en la ficha del producto (ampliado)](https://victor-rodenas.com/wp-content/uploads/2012/03/productJS.jpg)
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")
});
interesante 🙂
Muy buen TIP gracias me sirvió de mucho seguiré viendo tu Blog.