Мини-галерея в категории

[tereshinmikhail]

Сайтом начал заниматься недавно, прогать не умею, по образованию - материаловед. 
Так что для меня это скачок, не закидывайте какахами =))
Скорее я это пишу сюда для таких же нубиков как я.

Короче, люблю я делать красочные описания у категорий. Чтобы было много текста и картинок, только вот с картинками не очень получалось. Ибо можно просто ставить картинку в html. Но если картинок много, то большим размером их не вставишь, а картинки маленького размера не видно.
Поэтому решил сделать возможность просматривать через ColorBox как в карточке товара.

 

Для этого в файле catalog/view/theme/действующая_тема/template/product/category.tpl нужно подключить colorbox
т.е. после
 

  <?php echo $content_bottom; ?></div>

вставить скрипт
 

<script type="text/javascript"><!--
$('.colorbox').colorbox({
	overlayClose: true,
	opacity: 0.5
});
//--></script>

теперь в описании категории можно вставлять картинку следующим кодом

 

<div class="image">
	<a class="colorbox cboxElement"  href="url_картинки_при_просмотре" rel="colorbox" title="название картинки">
        <img alt="описание картинки" height="100" id="image" src="url_превью_картинки" title="название картинки" width="100" /></a></div>

Можно задать на превью одну картинку, а при просмотре уже другую.

Размеры превью и увеличенной картинки можно регулировать.

Чтобы можно было просматривать все картинки в одном окошке, картинки нужно сгруппировать.
Т.е. всем картинкам, которые вы ходите собрать в группу нужно присвоить одинаковый rel="xxx"