-
-
Save andrejuseu/6135213 to your computer and use it in GitHub Desktop.
colorbox popup image in opencart information page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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