Ok, that is common jQuery referencing issue. That happens when you have multiple references of jQuery (zoomer itself can insert it's on reference but you can turn that off). This is scenario: you have one jquery reference in head section of page, some other component's javascript that uses jQuery begins to initialize, but then in page load process browser hits in your case reference that is inserted by zoomer and overwrites firs jQuery definition. That causes all earlier loaded scripts to crash. Just disabling jQuery in zoomer may not solve all you issues because zoomer may require newer version of jquey that referenced in your head section of page. Here is general description of haw to optimize jquery for joomla site:
TEXT:
Good practice is to disable JQuery in all modules and then in index.php of template in head section add manually reference to .
Latest version of jQuery you can download from jquery.com , link is
jqueryui.com/download
.
You can copy files from package to <template folder>/js/
There are 2 script and one css reference:
<link href="<???path???>/jquery-ui-1.x.xx.custom.css" rel="stylesheet" type="text/css" />
<script src="<???path???>/jquery-1.x.x.min.js" type="text/javascript" />
<script src="<???path???>/jquery-ui-1.x.xx.min.js" type="text/javascript"/>
Go to Module manager open module by bodule and whereerver you see "Load JQuery" (this name can differ form case to case ) property disable it.
Then also go to plugin manager and do that also.
Then open index.php of template and check if there is already reference there. If yes you can just modify it to reference new files you downloaded or delete it and put above 3 reference lines in that order as much close to begining of <head> section as it can be.
To chack you have one and only exactly one reference use "View source" option of your browser when you go to your site. js. References can sometimes be in place where module is rendered so you need to check all source. Easiest way is to text-serach "jquery" in page's source.
Topic Author
