I am working on an ecommerce site that uses smarty tpl files and I am having trouble implementing JQzoom, I have already use a java based menu system so I am aware of the {literal}{/literal}
I am trying to use JQzoom for product images and when the product page loads the java isn't working. Firefox error console says. "Error: $(".jqzoom").jqzoom is not a function Source File:/index.php?target=products&product_id=30472 Line: 23" When I run firefox's javascript debugger, jquery.jqzoom1.0.1.js is there and the.jqzoom function is present NB, this isn't working in explorer either Here is my code <head> {include file="meta.tpl"} {if $content == "product_details" || $content == "products"} <link rel="stylesheet" type="text/css" href="{$skin_dir}/jqzoom.css" / > <link href="{$skin_dir}/shadowbox.css" rel="stylesheet" type="text/ css" /> <script type="text/javascript" language="JavaScript 1.2" src="{$smarty.const.CSCART_HOST_DIR}/classes/scripts/ jquery-1.3.2.min.js"></script> <script type="text/javascript" language="JavaScript 1.2" src="{$smarty.const.CSCART_HOST_DIR}/classes/scripts/jquery.js"></ script> <script type="text/javascript" language="JavaScript 1.2" src="{$smarty.const.CSCART_HOST_DIR}/classes/scripts/shadowbox- jquery.js"></script> <script type="text/javascript" language="JavaScript 1.2" src="{$smarty.const.CSCART_HOST_DIR}/classes/scripts/shadowbox.js"></ script> <script type="text/javascript" language="JavaScript 1.2" src="{$smarty.const.CSCART_HOST_DIR}/classes/scripts/ jquery.jqzoom1.0.1.js"></script> <script type="text/javascript"> {literal} $(document).ready(function(){ $(".jqzoom").jqzoom(); This is line 23 }); {/literal} </script> {/if} It has been suggested to me that the library isn't being loaded, but I don't understand why. I tried using Jquery.noConflict () but that didn't make a difference. Anyone got any ideas or suggestions?