Работаю по всей России

vasilisa1210@mail.ru

Главная » Уроки » Уроки по Modx Evo » [Modx Evo до 1.0.12] EvoGallery установка, настройка

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

Установка EvoGallery

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

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

 

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

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

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

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

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

например в папку 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, то все намного проще.



x