apply Colorbox effect on all pages
Posted: Sat Oct 15, 2016 1:40 am
I have OC 1.5.6 with theme Yoobeat
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:
And I also see at the bottom something like this within a script tag:
Now I have a category page in which I have some text with links to some images, lots of them throughout the text.
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.
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.