Галерея в MODx, Вывести обложки альбомов и фотографии

Для началу устанавливаем пакет Gallery.

Вывести обложки альбомов и фотографии

Примерно так, только не забудьте поменять чанки:

[[!GalleryAlbums? 
&toPlaceholder=`GalleryAlbums` 
&limit=`0` 
&albumCoverSort=`rank` 
&prominentOnly=`1`
&rowTpl=`galAlbumRowTpl`
]]
[[!Gallery?
&toPlaceholder=`Gallery`
&checkForRequestTagVar=`1`
&useCss=`0`
&containerTpl=`GalleryAlbumTpl`
&thumbTpl=`galItemThumb`]]
[[+Gallery:isnot=``:then=`<div class="gal-item-wrapper">[[+Gallery]]</div>`:else=`<ul class="gal-albums-wrapper">[[+GalleryAlbums]]</ul>`]]

Особый (отдельный) шаблон для первой или какой-то определенной фото

Есть 2 варианта, который вы можете захотеть. Можете захотеть выводить каждый третий, или каджый второй элемент с особым шаблоном. И если так, то вам достаточно просто указать этот шаблон в &thumbTpl_2=`gallery_tpl_custom`, и все будет работать (нумерация будет пойдет с единицы (&thumbTpl_1)).

Но если у вас друга задача вывести только для картинки под определенным номером отдельный шаблон. К примеру только для первой, то в такой случае придется залезть в код сниппета Gallery и слегка его подправить в двух местах.

//...
if (isset($keyBits[0]) && $keyBits[0] === 'thumbTpl') {
    //if ($i = (int) $keyBits[1]) $nthTpls[$i] = $scriptProperties[$key];    // Эту строчку убирам
    $nthTpls[(int) $keyBits[1]] = $scriptProperties[$key];    // Эту строчку добавляем
}
//...

//...
$thumbTpl = $defaultThumbTpl;
if (isset($nthTpls[$idx])) {
    $thumbTpl = $nthTpls[$idx];
} else {
    foreach ($nthTpls as $int => $tpl) {
        //if ( ($idx % $int) === 0 ) $thumbTpl = $tpl; // Эту строчку убирам
        if ( $idx == $int ) $thumbTpl = $tpl;  // Эту строчку добавляем
    }
}
//...

И вызываем вот так (нумерация идет с нуля):

[[!Gallery?
&album=`[[*gal-item]]`
&useCss=`0`
&thumbTpl=`gallery_item_tpl`
&thumbTpl_0=`gallery_item_tpl_main`
&thumbTpl_1=`gallery_item_tpl_sub`
&thumbTpl_2=`gallery_item_tpl_sub`
]]

Некоторые плейсхолдеры в галереи

  • [[+image_absolute]]
    Изображение без изменений размера. Его можно ресайзить самостоятельно в чанке вот так [[+image_absolute:rezimgcrop=`r-800`]]
  • [[+album]]
    id альбома. Можно использовать чтобы подцепить все изображения в одну галерею fancybox - ...class="fancybox" rel="gallery_[[+album]]"...

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором

Комментарии easyComm

Евгений 18 октября 2018, 03:09

Последний допил для изменения шаблона n-ному элементу КАЙФОВЫЙ! Благодарю

[MODx] Генератор настроек MIGX

[MODx, MIGx] Документация на русском по MIGX

[MODX] Импорт и экспорт в MiniShop2. Реализация 1

[MODx] minishop2 tips

[JS] Маска для ввода телефона +7(___)___-__-__

[MODx, miniShop2] Генерация YML для выгрузки в маркет

Как включить HTTPS (SSL) в MODX - Подробная инструкция

[MODx] Подсказки по API

[OpenCart] Вывести на главную все категории с картинками

[MODx, MIGX] Примеры использования

[MODx] Сайт на обслуживании (выключить сайт)

Универсальная форма обратной связи — feedBackForm

[PHP, JSON] Пример перевода с помощью Yandex Translate API

[MODx, Gallery] Галерея. Вывести обложки альбомов и фотографии

Расширение свойств товаров minishop2

[Opencart] Вернуть английский язык, если вы его удалили

[OpenCart] Вывести модуль напрямую через контроллер

[MODx, Quip] Более рабочий вариант.

[MODX, MIGX] Вывести getImageList только если он не пустой

[MODX, MIGX] Тип поля "Список ресурсов" (resourcelist) с ограничением по родителю (parents)

Красивое адаптивное меню под pdoMenu

[MODx] Создать источник файлов

[MODx] Вывод tv-параметров в формате [название TV] - [значение TV]

[PHP] Простое логирование

[MODX] Вывести список всех опций MiniShop2

Все записи