Image thumbnails in product description not working

[tom5436]

Not sure what happened, but the image thumbnails on the product description pages no longer change the main image. Any one ever have this issue before? Or know how to fix this?

Thanks,

Tom

Virtuemart Version 2.0.26

http://winecountrycraftsman.net/product/kitchen-bar-office/floating-wine-barrel-shelfwcc

[jenkinhill]

http://forum.virtuemart.net/index.php?topic=79799.0

[tom5436]

anybody ever have this issue??

[jenkinhill]

Yup. It is a JavaScript conflict. You correctly load VirtueMart's jQuery version 1.6.4 but after that your template loads an older version, jQ1.4.4 preventing the fancybox script from working.  Probably all you need to do is stop the template version loading.

http://forum.virtuemart.net/index.php?topic=119638.0

[jjk]

Looks to me like a jQuery conflict. Your template loads the very old jQuery version 1.4.4 from year 2010. This probably is responsible for this error:

TypeError: jQuery(...).fancybox is not a function
http://winecountrycraftsman.net/product/kitchen-bar-office/floating-wine-barrel-shelfwcc
Line 69

You should disable this old version of jQuery. Make shure that only one version of jQuery is loaded. You can see such things if you use the Firefox browser with 'Firebug' plugin installed.

Also it seems like you deleted the Seo Suffix in VM2 Configuration > SEO tab. You can enter almost anything you like, e.g. -htm, -html, -art, etc. Default is -detail.
If you leave that empty, the router (which produces the SEF urls) will not work in certain cirumstances.

[tom5436]

Is this the code that load the old jquery in my template?

Code Select Expand

<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/js/jquery.js"></script>
  <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/js/jquery.faded.js"></script>   
<script type="text/javascript"> 
var $j = jQuery.noConflict();
    $j(function(){
      $j("#faded").faded({
        speed: 700,
        crossfade: true,
        autoplay: 4000,
        autopagination:true
      });
    });
</script>

I commented it out, but still had issues.

[jenkinhill]

You should only comment out the first line there. And hope that the fader text will work using the VM jQ version which is already loaded.

[tom5436]

Thank you! That worked. So simple and I never would have figured that out on my own. Thanks again.

[tom5436]

Commenting that line of code out made it so my slide show no longer works. Should load a newer version of jquery in my template instead of commenting it out all together

[jenkinhill]

The slide show is very old code so was using a very old jQuery version. Now it is exposed to a later version with VM and does not work, so the chances of a newer one still (you can go to jQ1.7.1) is not likely to help. Maybe replace the slide show with something more recent - or only use it on a non-VM page.