News:

Looking for documentation? Take a look on our wiki

Main Menu

Image thumbnails in product description not working

Started by tom5436, January 07, 2014, 20:22:23 PM

Previous topic - Next topic

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

Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

tom5436


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
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

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.
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

tom5436

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

<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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

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

#9
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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum