Увеличение картинок на highslide

[Miker]

Помогите прикрутить highslide скрипт к OpenCart

[Baco]

В header.tpl перед закрывающим тегом </head> вставляеш код:

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/highslide.css" />
<script type="text/javascript" src="catalog/view/theme/default/stylesheet/highslide-full.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'catalog/view/theme/default/stylesheet/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.numberPosition = 'caption';
hs.dimmingOpacity = 0.75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
  opacity: .75,
  position: 'bottom center',
  hideOnMouseOut: true
}
});
</script>

В папку stylesheet копируеш файлы highslide-full.js, highslide.css и папку graphics.

В файле product.tpl находиш блок <div class="image-additional"> и всё что ниже до закрывающего тега </div> меняеш на

<?php foreach ($images as $image) { ?>
	    <a onclick="return hs.expand(this)" href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="highslide" ><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
	    <?php } ?>