When I go to a product page I click on the product image and I see the colorbox effect properly.
When I look at the source code on that page I see in the headder:
Code: Select all
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js"></script>
Code: Select all
$(document).ready(function() {
$('.colorbox').colorbox({
overlayClose: true,
opacity: 0.5,
rel: "colorbox"
});
});
However when I am on the category page none of these codes appear in the source.
Ive tried adding the css and js lines to the header.tpl and the other code to the category.tpl and I can see it in the source code but it is not working.
I am probably way off, some guidance would be appreciated.