First, go to your prestashop/css/jqzoom.css ( or /public_html/js/jquery/plugins/jqzoom in 1.5) file. change the width and height values from the code below:
div.zoomdiv {
z-index : 100;
position : absolute;
top:0px;
left:0px;
width : 200px;<- change this
height : 600px;<- change this
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;
After that, go to themes/yourtheme/js/product.js
//set jqZoom parameters if needed
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
{
$('img.jqzoom').jqueryzoom({
xzoom: 200,<- change this
yzoom: 200,<- change this
offset: 10 //zooming div default offset(default offset value is 10)
//position: "right" //zooming div position(default position value is "right")
});
}
Dont forget to backup your original files before make changes. If you couldnt see the different after you make changes, try different browser.