в контроллере
...
$information_info = $this->model_catalog_information->getInformation($information_id);
if ($information_info) {
...>>
...
$information_info = $this->model_catalog_information->getInformation($information_id);
if ($information_info) {
$this->document->addScript('catalog/view/javascript/jquery/colorbox/jquery.colorbox-min.js');
$this->document->addStyle('catalog/view/javascript/jquery/colorbox/colorbox.css');
$this->data['information_id'] = $information_id;
...убедиться, что скрипты colorbox есть по указанному пути.в шаблоне обернуть $heading_title и $description в блок, например
<div id="information_container">в конце файла, перед
<?php echo $footer; ?>добавить
<script type="text/javascript"><!--
$(document).ready(function() {
$('#information_container').find('img').each(function(td_cb_img_idx, td_cb_img) {
$(td_cb_img).css('cursor', 'pointer');
// prepare html for colorbox
var td_cb_img_html = '<a href="'+td_cb_img.src+'" class="info_<?php echo $information_id; ?>_img_link" rel="info_<?php echo $information_id; ?>_album"><img src="'+td_cb_img.src+'" width="'+td_cb_img.width+'" height="'+td_cb_img.height+'" /></a>';
// replace images to link+image for colorbox
$(td_cb_img).replaceWith(td_cb_img_html);
});
// invoke colorbox
$('.info_<?php echo $information_id; ?>_img_link').colorbox({
height: '90%',
overlayClose: true,
opacity: 0.5,
rel: 'info_<?php echo $information_id; ?>_album'
});
});
//--></script>