Change jQZoom to innerzoom

[grafiker]

Hi,

 

Is there any way I can change the parameter of the prestashop jQZoom to be innerzoom?

 

Just like this:

http://www.mind-proj...demos.php#demo4

 

I tried adding on product.js "zoomType: 'innerzoom' " over the plugin line with no luck.

Edited March 20, 2013 by grafiker (see edit history)

[dagobert]

Can you send the code related to the issue? Is that with a jQZoom module you downloaded?

[grafiker]

I'm using the jQZoom that comes with Prestashop. I just activated it on the admin > "Enable jQZoom instead of Thickbox" option.

[razaro]

jQZoom that Prestashop use by default is bit old, it is version 1.2.

And latest version of this plugin is 2.3. That version have inerzoom.

 

So you will need to replace files in \js\jquery\plugins\jqzoom .

This js folder is in root not in theme. New files should also be named

jquery.jqzoom.css and jquery.jqzoom.

 

Then you can try options from website you posted.

For that you will need to edit product.js in your theme js folder .

Edit this part

//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")
 });
}

[grafiker]

Thanks razaro, I'll try it later and told you if it worked

[xezus]

Hi, can I do it without changing the root js? For example in theme folder?

[itdes]

Hello,

 

Have anyone got it to work? In the product.js file, I also changed this line:

 $('img.jqzoom').jqueryzoom({

to this line:

$('img.jqzoom').jqzoom({

But still it doesn't work... I'm wondering what could be the problem?

[Guest]

Hey guys,

 

I'm looking to do the same, did you guys have any luck figuring this one out?

 

Thanks!