Skip to content

Instantly share code, notes, and snippets.

@andrejuseu
Last active December 20, 2015 12:59
Show Gist options
  • Save andrejuseu/6135213 to your computer and use it in GitHub Desktop.
Save andrejuseu/6135213 to your computer and use it in GitHub Desktop.
colorbox popup image in opencart information page
1. Open /catalog/view/theme/YOUR_THEME/template/information/information.tpl
2. Add this code above <?php echo $footer; ?>:
<script type="text/javascript"><!--
$(document).ready(function() {
$('.colorbox').colorbox({
overlayClose: true,
opacity: 0.5,
rel: "colorbox"
});
});
//--></script>
3. Save it to server.
OR
1. Go to https://github.com/andrejuseu/opencart-failai/blob/master/vQmod/colorbox_info_pages.xml
2. Download colorbox_info_pages.xml file.
3. Add it to /vqmod/xml/.
4. Go to Admin panel -> Catalog -> Information Add/Edit information page.
5. In editor press Source button.
6. Add this code to place were image will be:
<a href="http://YOUR_IMAGE.LINK" title="YOUR IMAGE TITLE" class="colorbox" rel="colorbox">IMAGE TEXT</a>
7. Unpress Source, look how it shows in text.
8. Press Save.
9. http://i.imgur.com/QnkFrG3.gif
10. NP
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment