Создание корпоративного сайта на MODX Revolution. 7 урок. Фотогалерея на MODX Revo Gallery

Автор Artur Merichev
Создание корпоративного сайта на MODX Revolution. 7 урок. Фотогалерея на MODX Revo Gallery

Здравствуйте друзья приветствую вас на седьмом уроке по созданию корпоративного сайта на modx Revolution в рамках данного урока мы создадим страницу фотогалерея на которой выведем необходимой нам фотографии Word шаблон фотогалереи ссылку на которой прикреплен в описании к данному видеоролику.

Здесь также присутствует фильтр который я уберу так как он здесь попросту не нужен при клике на каждую фотографию она открывается увеличенном размере по большому счёту. Всё Давайте приступим сам шаблон необходимо перенести на модекс. Я думаю вы сами справитесь с этой задачей если у вас возникнут какие-то поэтому можете посмотреть самое первое видео урок этого видеокурса там подробно объясняется как перенести шаблон на modx Revolution и так создаю новый шаблон.

Я назову его галерея и сюда вставляя код сохраняю после переноса нашего HTML шаблона на modx Revolution должна получиться.

Вот такая вот конструкция мы можем увидеть, что каждая отдельная фотография на div Class калым для 4 — это будет второй класс и дальше идёт обёртка галерея собственно вот этот вот col-md 4 класс мы копируем и создаём. Чанг в которой оставляем данный код создадим категорию галерея назовём данный chiang mai Glory сохраним. Покажи маму категория галерея дальше нам необходимо установить само приложение. Галерея для этого приходим установщик загрузить дополнение списки находим говори загружаем установить дополнение установлены. Обнови страницу и как можем видеть в элементах. У нас появился в которой находится 2 очанка нам необходим. Чанг Гарри и. Том тамб его открываем никак видим здесь пример разметки. Чан капот вывод галереи. Нам необходимо взять отсюда разметку для ссылки и для картинки копируем идём в наш chiang mai Glory и нам необходимо. Вот — это ссылка которая ведет непосредственно на самой изображение и вставляем наш кот сохраняем переходим опять. Чанг говорите и берём отсюда разметку для картинки переходим в. Нячанг май говори. Вот наши картинка и вставляем туда код проверяем сегодня правильно удаляем соурс сохраняемый дальше. Нам необходимо в шаблон галерея текущее картинки из галереи как напомним они находятся в классах школы 24 выделяемся картинки. Удаляем ненужные кот и в этом месте вставляем вызов гэллери. Вот такая конструкция которая указывает имя альбома фото имя. Чанга в котором находится разметка на для нашей фотогалерее и характеристики каждой фотографии ширина и высота сохраняем дальше нам необходимо перейти в нашу галерею создать альбом указали. Вызови фото ставим галочку активен и видимой сохраняем как мы видим в списке альбомов появился альбом фото которые мы только, что создали переходим него как мы видим дополнение говори есть разные способы загрузить фотографии фотоальбом — это по одному элементу мультизагрузка пакетная загрузка и архивом воспользуемся до загрузкой multiplot загрузить файлы добавляем все фотографии загрузчик как мы видим фотографии погрузились нажимаем выполнено сохранить для того чтобы наши фотографии появились фотогалереи необходимо очистить кэш. О'кей переходим в ресурсы создать новый документ шаблон галерея имя галерея. Давайте перейдем на сайт чтобы убедиться, что всё работает единственная у нас пункт галерея стоит в меню по списку последнем. Давайте поставим перед контактами переходим на сайт. Как видим появился меню галерея нажимаем. Ну и собственно фотографии добавились всё работает всё получилось так как надо в данном видеоуроке мы реализовали вывод фотогалереи на нашем сайте при помощи дополнения говори в следующих уроках мы продолжим создание спортивного сайта на modx Revolution задавайте ваши вопросы в комментариях подписывайтесь на канал и ставьте лайки. Спасибо за внимание. Всего доброго.

0 комментариев
0

Читайте также