[Modx Evo до 1.0.12] EvoGallery установка, настройка

Установка EvoGallery

Качаем пакет тут

Чтобы установить EvoGallery, надо распаковать пакет и выполните следующие действия:

• Создайте папку с именем 'galleries' в каталоге "assets" вашего сайта MODx и дайте ему полные права на запись (777).
• Скопируйте все файлы из папки "assets" и "install" себе на сайт. 
• Запустите инсталлятор (http://yoursite/install/index.php) и следуйте простым инструкциям на экране, чтобы завершить установку.После того как вы закончили установку, убедитесь, что директория "install" удалена с вашего сайта.

 

Настройка EvoGallery, что бы картинки всплывали при нажатии

Для начала загрузим фотографии на нужную нас страницу, для этого идем МОДУЛИ - EvoGallery.

Теперь надо скачать пакет http://fancyapps.com/fancybox/

(тут же есть описания всех настроек отображения и всплывания галереи)

Далее скачиваем скрипты и все необходимые картинки на наш сайт

• jquery-1.9.0.min.js
• jquery.mousewheel-3.0.6.pack.js
• jquery.fancybox.js
• jquery.fancybox.css
• jquery.fancybox.pack.js
• fancybox_sprite.png
• fancybox_overlay.png
• fancybox_loading.gif
• blank.gif

например в папку assets/js/

Создаем новый шаблон отображения галереи, куда в шапку прописываем:

<script type="text/javascript" src="assets/js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="assets/js/jquery.fancybox.js?v=2.1.4"></script>
<link rel="stylesheet" type="text/css" href="assets/js/jquery.fancybox.css?v=2.1.4" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
openEffect: 'none',
closeEffect: 'none'});
});</script>

Вызов EvoGallery

Ниже, туда где надо вывести галерею пишем:

[[EvoGallery]]

По адресу assets/snippets/evogallery/simple-list лежат три файла, правим tpl.item.default.txt, заменяем то, что там есть, на:

<a href="[+images_dir+][+filename+]" class="fancybox" rel="gallery1" title="[+title+]"><img src="[+thumbs_dir+][+filename+]" alt="[+title+]" /></a>

Создаем чанк item_list_galery1:

<div class="photo">
<a href="[~[+id+]~]"  title="[+title+]"><img class="pic" src="[+thumbs_dir+][+filename+]" alt="[+title+]" /></a>
<a href="[~[+id+]~]">[+pagetitle+]</a></div>

Для отображения папок альбомов:

[[EvoGallery?&docId=`7` &display=`galleries`&itemTpl=`item_list_galery1`]]


Все, галерея создана.

 File Size Error

Если вылезает такая ошибка, то Идем в ИНСТРУМЕНТЫ - КОНФИГУРАЦИЯ - Файл-менеджер, в строке Максимальный размер загрузки: пишем например 4194304

Как изменить размер картинки EvoGallery

Заходим в админку - Модули - Управление модулями - EvoGallery 

{'w': 175, 'h': 175, 'q': 75}

меняем на нужные размеры, можно еще добавить

, 'zc': 1

чтобы картинки ресайзились

Если у вас есть store, то все намного проще.

---