Jump to content

[SOLVED] Zoom box larger


Recommended Posts

Hi I canged the file to the following:

div.zoomdiv {
z-index : 100;
position : absolute;
top:0px;
left:0px;
width : 600px;
height : 600px;
background: #ffffff;
border:1px solid #CCCCCC;
display:none;
text-align: center;
overflow: hidden;
}

img.jqzoom{
cursor:crosshair;
position:relative;

}

I was hoping the zoom box would be 600x600 but it's stayed the same?

http://ecommerce.kmidigital.com/product.php?id_product=12

Thanks :(

Link to comment
Share on other sites

Try to change in themes/prestashop/js/product.js this lines

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


to

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

Link to comment
Share on other sites

  • 3 years later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...