Отборная информация, которая вставляет!

Галерея и слайдеры Evogallery для MODX Evo

Недавно стояла задача поставить несложную, но гибкую галерею для сайта на MODX — вот и нашел хороший модуль Evogallery для этих целей, о нем и пойдет речь.

Преимущество модуля в том, что он не создает отдельно галереи, а как бы добавляет возможность прикреплять фотки к записям. С одной стороны может показаться неудобным, но с другой, позволяет очень гибко настраивать внешний вид, а также облегчает задачу создания обновляемых слайдеров, да и сам модуль мне понравился в установке и простоте работы с ним.

Для начала качаем модуль галереи

Установка простая — закидываете папки в корень сайта и когда зайдете на сайт, но включится инсталятор (как при установке modx), далее следуете шагам и не забывайте установить права 777 на папку galleries и удалить папку install после установки.

Если все прошло нормально, то переходите в вкладку модули — Evogallery и увидите список страниц, выбираете нужную и добавляете туда фотки. К каждой фотке можно добавлять описание и т.д., для этого после загрузки наводите на не1 мышкой и увидите карандашик — нажимайте на него.

Также можно настраивать размеры миниатюр. Для этого переходите на вкладку Модули — управление модулями и выбирайте там Evogallery.

А теперь как пользоваться

В моем случае мне нужно было сделать вывод миниатюр альбомов на главную, вывод всех альбомов при переходе на саму страницу галереи. В самом альбоме должны быть миниатюры фоток, при клике на каждую — она должны открываться как lightbox

Для начала я создал 2 шаблона — один будет использоваться для страницы галереи (вывод всех альбомов), второй для показа самого альбома фоток.

Документацию по модулю вы можете найти здесь.

Evogallery имеет возможность вывода в трех форматах — в виде галереи изображений, в виде ряда картинок и в виде единичного изображения.

После установки я также создал раздел на сайте, который будет использоваться как галерея. У меня этот раздел имел id=3 (можете глянуть циферку рядом с названием страницы)

Для вывода блока с последними альбомами (см скрин ниже) я использовал такой код

[[EvoGallery? &display=`galleries` &docId=`3` &sortBy=`sortorder` &itemTpl=`item_list_galery`]]


&display=`galleries` — говорит о том, что будут выводится миниатюры альбомов, &docId — это id страницы самой галереи, &itemTpl — это имя чанка в котором будет хранится код для каждой позиции. В этом чанке можно использовать плейсхолдеры подобные как в дитто.

У меня в чанке вышло так

<span class="gallery-box png"><a href="[~[+id+]~]"><img class="pic" src="[+thumbs_dir+][+filename+]" alt="[+title+]" /> [+pagetitle+]</a></span>

С галереей все. Теперь нужно разобраться с шаблоном вывода самих изображений в альбоме.

В шаблон вставляем

[[EvoGallery? &display=`images` &itemTpl=`item_list_album`]]

&display=`images` — говорит о том, что нужно выводить картинки, &itemTpl=`item_list_album` — указывает на чанк, в котором содержится код для каждой позиции картинок. У меня он такой

<span class="gallery-box png"><a href="[+images_dir+][+filename+]" rel="colorbox"><img class="pic" src="[+thumbs_dir+][+filename+]" alt="[+title+]" /> [+pagetitle+]</a></span>

В документации вы можете найти список всех плейсхолдеров и параметров.

К стати, модуль очень удобно использовать и для слайдеров.

Допустим у вас на главной стоит что-то вроде баннеро-крутилки в виде красивого слайдера на jquery и вы хотите сделать его обновляемым. Все очень просто — цепляете к главной странице все фотки, если хотите чтобы они были ссылками, то вставляете нужную ссылку в описание к картинкам, а потом в чанке будете использовать плейсхолдер [+description+] чтобы вставить ссылку, все остальное также как и в случае шаблона для вывода картинок с альбома.

К стати, в галерее есть уже встроенные варианты отображения. Просто не указывайте &itemTpl — и тогда будет применено отображение по дефолту.

Ну а если все это делать у вас нет времени, то всегда можно заказать дизайн сайта у специалистов. Будет красиво, качественно, всегда в сроки. Можете глянуть портфолио, чтобы убедиться.


 

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



14 комментариев к “Галерея и слайдеры Evogallery для MODX Evo”

  1. Alex:

    Спасибо автору!
    Урок не плохой возможно использую в своих проектах.
    Вот к стати например тут freedevel.com

  2. А кто нибудь знает, как в родительском документе вывести общее количество элементов определенной галереи?? Заранее спасибо!

  3. Stas:

    Спасибо, очень полезная статья.
    А можно ли каким то образом сделать так, чтобы все подгружаемые миниатюры становились одного размера?

  4. Александр:

    А как сделать сортировку галерей по дате публикации? Поставил &dateSource=`pub_date` — ничего не изменилось.

  5. Александр:

    Прошу прощения, дополнение к предыдущему посту: не &dateSource=`pub_date`, а &gallerySortBy=`pub_date`

    • ETNO:

      pub_date — это не дата публикации, это то, что вы прописываете в доп. настройках публикации (там можно выбрать дату), могу ошибаться, но если вы дату не указываете, то этот параметр пустой оказывается. Пробуйте другие параметры, вот ссылка на все http://fleek.org/fleekaj/WBVNEgxMS0oSXgkXDA1dSRdWC19OUVwWRFsFHxZwcSJ/LxYnQAwjWQpUAUsY/. Можно попробовать publishedon

      • Александр:

        Спасибо за оперативный ответ. Я весь день над этой вроде бы просто проблемой парюсь, и если бы не полный ступор, не беспокоил бы. По приведенной вами инструкции и действовал. publishedon не помог.
        Может, так будет проще. Вот страница сайта: http://fleek.org/fleekaj/WBVNEgxMS08RT0pUAAVdUEBUClNPR0BKV1YQB1VeUklDCVgQUBpLSw5ZFl8YPVREQ10XWQhQGw1AWgg=/
        Соответственно, то, что внизу, только что размещено и должно быть вверху.
        Код вывода сейчас такой:
        [[EvoGallery?
        &display=`galleries`
        &docId=`30`
        &paginate=`1`
        &show=`15`
        &gallerySortBy=`publishedon`
        &sortBy=`sortorder`
        &itemTpl=`item_list_gallery`]]
        Страницы:[+previous+][+pages+][+next+]

        Параметры &gallerySortBy=`publishedon`
        &sortBy=`sortorder` менял как только можно, ничего не происходит… 🙁

        • ETNO:

          так вы всего на 2 пробуете? Может все верно работает, просто установить нужно значение порядка убывания sortDir=`ASC` или DESC

        • ETNO:

          для галерей gallerySortDir

          • Александр:

            gallerySortDir не работает. В том-то и дело. Единственное, что из этих атрибутов работает — это с какого документа брать и по сколько выводить на стр. Тут все ок. Что касается сортировки — то не работает ничего.

  6. Евгений:

    Написал маленькую и удобную галерею для EVO.
    1 — Быстрая установка
    2 — Backend администрирование. Галерея редактируется через административную часть.
    3 — Drag and Drop — смена позиций фотографий
    4 — Возможность добавления Alt и Title к изображению
    5 — 3 вида встроеных галерей

    http://fleek.org/fleekaj/WBVNEgxMS1UJXBwUEhZWQ1wbFkc=/. Если кому интересно оставьте отзыв!!!будет приятно.

оставить отзыв

Если хотите вставить код в комментарии, то оберните его тегами ‹pre›‹/pre›