Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


Рекомендованные сообщения

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

Короче, люблю я делать красочные описания у категорий. Чтобы было много текста и картинок, только вот с картинками не очень получалось. Ибо можно просто ставить картинку в 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"


 

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.