Галерея и слайдеры Evogallery для MODX Evo - Авторские материалы о продвижении вконтакте, wordpress фишках и плагинах, SMO, SEO, дизайне
Отборная информация, которая вставляет!

Галерея и слайдеры 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. :

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

  2. :

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

  3. Stas:

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

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

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

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

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

    • ETNO:

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

      • Александр:

        Спасибо за оперативный ответ. Я весь день над этой вроде бы просто проблемой парюсь, и если бы не полный ступор, не беспокоил бы. По приведенной вами инструкции и действовал. publishedon не помог.
        Может, так будет проще. Вот страница сайта:
        Соответственно, то, что внизу, только что размещено и должно быть вверху.
        Код вывода сейчас такой:
        [[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

          • Александр:

            Нет, конечно, это я для примера привел с двумя, чтобы нагляднее было. В основном пробовал на этой странице
            Аналогично. sortDir=`ASC` или DESC тоже пробовал, никакой разницы. Страница не кэшируема, т.к. иначе постраничное разбиение не работает. Кэш очищал.

          • ETNO:

            если и gallerySortDir не работает, тогда я не знаю, может вообще попробовать не указывать sortBy

        • ETNO:

          для галерей gallerySortDir

          • Александр:

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

  6. Евгений:

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

    . Если кому интересно оставьте отзыв!!!будет приятно.