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?
