JQZoom loads wrong image

[haydigelsin]

Hi,

 

I'm using v1.5.6.1 Prestashop and when I wanted install JQZoom, it works succesfully but some products I have 2 images and when I bring mouse on second image, the zoom shows first image's zoom. 

 

You can check from here:

http://haydigelsin.com/home/206-grande-bayan-07-cuzdan.html

 

I tried change /themes/prestashop/js/product.js but it hadn't change.

And also tried change jqzoom module folder with prestashop v1.5.6 it hadn't too.

 

How can I solve my problem?

 

Thanks..

[shailendra]

Hi,

 

I'm using v1.5.6.1 Prestashop and when I wanted install JQZoom, it works succesfully but some products I have 2 images and when I bring mouse on second image, the zoom shows first image's zoom. 

 

You can check from here:

http://haydigelsin.com/home/206-grande-bayan-07-cuzdan.html

 

I tried change /themes/prestashop/js/product.js but it hadn't change.

And also tried change jqzoom module folder with prestashop v1.5.6 it hadn't too.

 

How can I solve my problem?

 

Thanks..

in your theme folder go to js/product.js line 441

replace 

$(this).prop('rel', new_href);

 

by

$("#bigpic").attr('rel', new_href);

Edited January 7, 2014 by shailendra (see edit history)

[YouS Systems]

Thanks!
 

http://www.kornelv.com/en/apli-memory-sticker/79-memory-stickers-freezer-label-apli-12558-8410782125587.html

[mouse1]

Hi, I'm having the same problem, but there is no such line in my js/product.js folder. :-( Could the problem possibly be somewhere around here? 

//update display of the large image
function displayImage(domAAroundImgThumb, no_animation)
{
	if (typeof(no_animation) == 'undefined')
		no_animation = false;
	if (domAAroundImgThumb.attr('href'))
	{
		var newSrc = domAAroundImgThumb.attr('href').replace('thickbox', 'large');
		if ($('#bigpic').attr('src') != newSrc)
		{
			$('#bigpic').attr('src', newSrc).load(function() {
				if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
					$(this).attr('rel', domAAroundImgThumb.attr('href'));
			}); 
		}
		$('#views_block li a').removeClass('shown');
		$(domAAroundImgThumb).addClass('shown');
	}
}

UPDATE: 

Found the solution. More about it here: http://forge.prestashop.com/browse/PSCFV-8967

 

I changed the line: 

$(this).attr('rel', domAAroundImgThumb.attr('href'));

to 

$('#bigpic').attr('alt', domAAroundImgThumb.attr('href'));

And that did the trick for me. 

Edited January 25, 2014 by mouse1 (see edit history)

[MissLili]

That just fixed my problem, thank you shailendra!!!

 

in your theme folder go to js/product.js line 441

replace 

$(this).prop('rel', new_href);

 

by

$("#bigpic").attr('rel', new_href);

[Torbz]

Thanks for the first (line 441 $("#bigpic").attr('rel', new_href)solution - worked instantly on PS v1.5.6.2