Галерея в 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]]"...

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

  1. Артем 01 ноября 2020, 16:09 # 0
    А как выводить на «главной», только некоторые id альбомов, а не все?
    *Комментарий будет опубликован после проверки модератором

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

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

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

    Похожие статьи

    Генератор настроек MIGX

    Документация на русском по MODX MIGX

    Подсказки по работе и заготовки для MiniShop2

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

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

    Генерация YML для выгрузки в маркет

    Примеры работы с API MODX

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

    pThumb - ресайз изображений. Примеры использования.

    Примеры выборки where, optionFilters, innerJoin

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

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

    Вывести getImageList только если он не пустой

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

    Оформление и настройка easyComm. Комментарии и отзывы на сайте.

    pdoPage и getImageList - Постраничная навигация MIGX

    Вывод tv-параметров в формате -

    Поиск на сайте с пакетом SimpleSearch

    Простая и симпатичная галерея fancybox

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

    Подсчет и вывод количества потомков ресурса в MODX

    pdoResources Заготовки для работы

    Quip для MODX. Более рабочий вариант

    Отредактировать письмо о заказе - добавить ТВ поле, или что-то еще

    Простой аудио-плеер HTML5

    Сниппет для вывода размера и расширения файла

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

    Простейшая авторизация

    Как контролировать кэш CSS и скриптов

    Изменить цену на товар в зависимости от количества при добавлении в корзину minishop2

    Слайдер Slick slider в контенте ресурса

    Подключить MODX в стороннем PHP файле

    Массово обновить ТВ, или другое поле через базу

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

    Изменить формат номера заказа

    Создать свою страницу в админке

    Как создать ресурс процессором $modx->runProcessor('resource/create', $props)

    Добавить в письмо контактную информацию

    Получить grandparent. Вывести родитель родителя

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

    Симпатичный список файлов, загружаемых к ресурсу через MIGX

    Установить шаблон по-умолчанию для новых, создаваемых ресурсов

    Вывести все доступные плейсхолдеры

    Сообщение о том, что сайт использует Cookie

    Отредактировать шаблон письма

    Создать раздел с паролем на сайте MODX

    Добавить скрипт перед тегом body

    Общая сумма по каждому товару в корзине Minishop2

    Что делать если ее приходит почта администратору

    Фильтрация по TV параметрам в msProducts

    Дата на русском

    FontAwesome - часто используемые иконки для шаблонов MODX

    Создать пакет с пользовательской таблицей

    Заготовки для работы

    Курсы валют с cbr.ru на PHP

    Обязательный чекбокс при оформлении заказа

    getResources заготовки

    Соответствие названия классов с названиями таблиц в MySQL

    Баннеры с использованием BannerY

    Загрузка сниппета после загрузки страницы через AjaxSnippet

    Разбить вывод pdoResources на несколько колонок (блоков)

    CSS для постраничной навигации pdoPage

    Счетчик посещений и скачиваний для сортировки ресурсов

    Вывести время загрузки (формирования) страницы

    Обработка остатков заказа в miniShop2

    Расширить таблицу site_content (объект modResource) за 5 минут

    Вырезать кавычки — фильтр-сниппет MODX

    Динамическое поле emailSubject в FormIt

    Отсортировать ресурсы по количеству комментариев Quip MODx

    Скрыть информацию о том, что сайт работает на MODX

    Бесплатная доставка от 5000 рублей в MiniShop2

    Обновить alias (псевдоним) у всех ресурсов

    Изменить цену на товар, если в корзине лежит товар из особой категории minishop2

    Вывести 404 ошибку по настройке TV MODX

    Создать редирект через autoRedirector API

    Ответ для сервиса moneta.ru

    Как разместить исходный код сниппета на сайте, в документации

    Email сделать не обязательным полем

    Ускорить установку MODX revo до пары кликов

    Постраничная навигация — набор параметров и CSS PdoPage

    Не работает подгрузка товаров ajax mfilter2 на мобильном

    Сделать поле размер обязательным

    Сделать все элементы статичными для Git и IDE

    Кастомный чанк для AdminPanel

    Настройка стилей для комментариев Tickets

    Разместить корзину внутри блока с оформлением заказа

    Подключить текстовой редактор к доп. полям ресурса

    Вывести список всех родителей в ТВ поле ресурса

    Динамическая замена шаблона ресурса - плагин

    Вывести список всех емэйлов miniShop2

    Вложенные условия в xPDO MODX

    Если getParentIds не работает в плагине

    Cортировать по списку id в pdoResources и pdoTools

    Контролировать кэширование файлов CSS и JS MiniShop2

    Как получить данные пользователя сразу после авторизации через API

    Плагин для формирования замороженных URL с редиректом

    xPDO Выборка из одной таблицы с зацепкой значения из другой

    Приветственный экран / заглушка на сайт

    Не приходят / не отправляются письма - в чем причина?

    Кэширование в MODX: использование $modx->cacheManager

    Наш сайт использует куки, нажмите «ОК» если вы не против
    OK