Синтаксис Mini:* 12 превью в строке сетки Bootstrap + Fotorama + модальное окно

Это дефолтный пресет, предполагающий наиболее частое использование. Размер превьюшек установлен под размер сетки Bootstrap: 185x185px — это максимально возможная ширина ячейки col-*-1. Выводит группу превью фотографий в максимальном возможном для клиентского устройства количестве. Для десктопов — 12 в ряд, для остальных девайсов меньше. В пресет интегрирована фотогалерея https://fotorama.io/ с некоторыми доработками, она используется для просмотра полноразмерных изображений на клиентской стороне.

Примеры использования

Дефолтная конфигурация

Кастомизация

Кастомизация производится посредством создания блока перед первым вызовом Mini на данной странице. Дефолтное поведение эквивалентно созданию вот такого блока:

 (:div class='fotorama hidden' data-allowfullscreen='native' data-nav='false' data-hash='true' data-auto='false' data-fit='scaledown' data-maxheight='100%':)
 (:divend:)

Кастомизация состоит создании блока с аналогичными классами, но отличным содержимым атрибутов data-*. Таким образом имеется возможность изменять практически все атрибуты, предусмотренные Фоторамой.

Вот пара примеров:

Кастомизацию следует производить перед первым вызовом галереи на странице. Кастомизация касается всех вызовов галерей на данной странице, даже если эта страница собрана из других страниц посредством (:include:). Кастомизация совместима со страничными кастомизациями самой Mini.

Любую кастомизацию можно расширить на уровень Группы или всего сайта через PHP. Для этого необходимо переопределить массивы:

 $Mini['thumbs'][N]
 $Mini["MiniFmtN"] 
 $Mini["LinkFmtN"] 
 $Mini["ImgFmtN"]

, где N — номер пресета, который вы хотите изменить.