JqZoom and thumbnail image scrolling not working (PrestaShop 1.6.1.4)

[runkel]

Hi, 

I have installed PrestaShop 1.6.1.4 with a template named leomoonsun 

There are two problems with the prestashop standard functions in my shop:

 

shop.cooling-cubes.com

 

1) Zoom is not working

JqZoom is working after creation of all products and product images. Then it is "why ever" not working anymore. I did not change anything during this time. If I delete my cache in the browser it still not work

Temp Solution: If I I go to "Voreinstellungen - Produkte" and change "JqZoom anstatt Thickbox für Artikelbild aktivieren"  to off, save, change to on and save ... then it works for a short time. But some time later it do not work?

 

2) Scrolling of Thumbnails not work

I have for some products > 3 images (e.g. CURL)  but I can only see 3. The Scrolling Image do not work - I can klick on it but nothing happens. And the Button is only shown if the Zoom is working. When the Zoom do not work there is no button shown to scroll.

 

I looked inside product.tpl / product.js / product.css but I am not really able to understand the mechanism :-(

See attached image (first with working Zoom and existing not working button // second without zoom and button)

 

Thanks for your help

Ingo

[tuk66]

You have a JavaScript error on the page:

ReferenceError: comparedProductsIds is not defined

...compare').each(function(){if($.inArray(parseInt($(this).data('id-product')),comp...

Disable CCC and look in the browser console to see the file.

 

[runkel]

Hi tuk66,

thanks for the answer! But I am sorry I do not know what I have to do.   

What is CCC and where can I disable. And what shall I do then? 

BR Ingo

[vekia]

follow this:

after that it will be possible to inspect the website.

[runkel]

THX, sometimes it is so easy :-) 

[runkel]

OK, now I know that I have an java error "Can't find variable: comparedProductsIds"  seems to be inside the file "products-comparison.js" in the following section:

function compareButtonsStatusRefresh(){
$('.add_to_compare').each(function() {
if ($.inArray(parseInt($(this).data('id-product')),comparedProductsIds)!== -1)
$(this).addClass('checked');
else
$(this).removeClass('checked');
});
}

Any idea how to solve the Problem?

 

Thank you very much!

[runkel]

Solution for the JqZoom Zooming Problem "Can't find variable: comparedProductsIds" is to add the following code:    

if (typeof comparedProductsIds==="undefined") {
var comparedProductsIds=[];
}

The 2nd Problem is still open:

 

2) Scrolling of Thumbnails not work

I have for some products > 3 images (e.g. CURL)  but I can only see 3. The Scrolling Image do not work - I can klick on it but nothing happens. 

Edited August 22, 2016 by runkel (see edit history)