Еще
Каталог товаров

Всплывающая popup-галерея

В контенте страниц есть возможность вывести список картинок с попап-галереей:


1. Для этого скопируйте html-разметку из шаблона content-gallery.html:


2. В ссылке на картинку укажите параметр data-group с одинаковым значением для картинок, которые должны перелистываться между собой:


3. Группу изображений для перелистывания можно использовать и в другой html-разметке (например, в произвольном тексте с картинками), главное для ссылки картинки прописать класс js-custom-gallery и атрибут data-group

<a class="js-custom-gallery" data-group="season" href="[путь до большой картинки]">
<img src="[путь до превью картинки]">
</a>


4. Для вывода popup-галереи одного изображения (без перелистования), используйте html-разметку:

<a class="js-custom-gallery" title="Весна"  href="[путь до большой картинки]">
<img src="[путь до превью картинки]">
</a>
×