Модуль "Фотогалерея" для MYENGINE CMS позволяет легко загружать и публиковать фотографии на вашем сайте. Модуль имеет собственные, нейтральные стили отображения фотографий, которые подойдут практически под любой дизайн сайта. Настройки фотогалереи простые и интуитивно понятные. Модуль "Фотогалерея" работает на базе популярного плагина FancyBox.
УСТАНОВКА МОДУЛЯ
Загрузите архив mod.gallery.zip в разделе "Управление расширениями" панели управления.
Открываем раздел "Управление расширениями", в горизонтальном меню нажимаем ссылку "Загрузить и установить расширение".
Откроется диалоговое окно для загрузки архива с расширением. Нажмите кнопку "Выберите файл".
Откроется контекстное меню браузера. Найдите папку, в которую вы сохранили скаченный файл с архивом расширения. Откройте эту папку, выберите файл с архивом и нажмите кнопку "Открыть".
После того, как контекстное меню закроется, в диалоговом окне нажмите кнопку "Загрузить и установить".
Диалоговое окно закрывается, и система возвращается в раздел «Управление расширениями». Далее таким же способом необходимо загрузить архив fancybox.zip. После завершения загрузки в списке расширений появилась строчки "Фотогалерея" и "Fancybox3", значит наш модуль установлен.
Переходим в панель управления на главной странице. Появилась иконка "Фотогалерея", при нажатии на которую происходит переход в панель управления модулем.
Нажимаем иконку "Фотогалерея" и переходим в панель управления модулем.
Для завершения установки модуля необходимо выполнить его инициализацию. Это связано с тем, что для работы модуля необходимо наличие компонентов вне директории modules. При проведении инициализации эти компоненты устанавливаются в нужные директории движка.
ОБЗОР ПАНЕЛИ УПРАВЛЕНИЯ МОДУЛЕМ
Главная вкладка панели управления модулем, на которую выводятся превью загруженных фото.
ВКЛАДКА "НАСТРОЙКИ"
Рассмотрим основные настройки модуля:
Путь до папки загрузки фото - при загрузке модуля создается папка для загрузки изображений, путь до этой папки прописывается в этом поле. При необходимости можно создать свою папку, для этого достаточно ввести в это поле путь до новой папки и сохранить настройки. Новая папка будет создана, а старая удалена
Ширина фото превью и высота фото превью - осуществляет выбор размера фото в превью карточки. При загрузке фоту будет приданы данные размеры.
Количество превью - эта настройка имеет две опции:
- На странице превью - определяет количество превью, которые выводятся на основной странице, при превышении количества превью над указанной величиной появится листинг страниц;
- В админ панели - определяет количество превью, которые выводятся в основной вкладке панели управления модулем. При превышении количества превью над указанной величиной появится листинг страниц.
Позиционирование превью - эта настройка имеет три опции:
- Две колонки - при выборе этой опции выводится два превью на всю ширину основного контента страницы, т.е. в две колонки;
- Три колонки - при выборе этой опции выводится три превью на всю ширину основного контента страницы, т.е. в три колонки;
- Четыре колонки - при выборе этой опции выводится четыре превью на всю ширину основного контента страницы, т.е. в четыре колонки.
Использовать стили шаблона - расширение имеет собственные стили оформления, которые подключены по умолчанию. Если в шаблоне имеются свои стили оформления этого модуля, то необходимо поставить чекбокс для их подключения.
Подключить плагин FancyBox - по умолчанию плагин FancyBox подключен. Если на сайте установлен модуль "Отзывы", который в свое работе так же использует плагин FancyBox, то для корректной работы модуля "Фотогалерея" необходимо отключить вывод этого плагина.
Подключить библиотеку jQuery - если в шаблоне нет своей библиотеки jQuery, например как в дефолтном шаблоне, то можно подключить библиотеку из модуля.
ДОБАВЛЕНИЕ ФОТО
Нажимаем кнопку "Добавить фото". Открывается форма для добавления изображений.
Ссылка на фото - поле для ввода ссылки на файл с изображением. Ссылку можно вставить вручную, если файл уже загружен. Также можно воспользоваться встроенным менеджером изображений. Нажимаем кнопку "Выбрать файл", откроется окно с менеджером изображений.
Менеджер изображений сразу открывает папку для загрузки фото, путь до которой прописан в настройках модуля. Теперь можно загружать файлы с фото по очереди. Можно предварительно загрузить в эту папку все фото удобным для вас способом.
Для выбора нужного фото необходимо нажать на превьюшку. После чего окно с менеджером закроется, а в соответствующем поле будет прописана ссылка на файл с выбранным изображением и ниже будет выведено превью этого фото.
Заполняем оставшиеся поля.
Название фото - поле для ввода названия фото, выводится в превью.
Описание фото - поле для ввода описания фото, выводится во фрейме фотогалереи внизу фото.
Нажимаем кнопку "Добавить". Происходит сохранение настроек. При сохранении будет создано фото превью с указанными в настройках размерами. Файл с этим фото будет загружен в папку thumb. Затем система возвращается на главную вкладку панели управления модулем.
РЕДАКТИРОВАНИЕ ПРЕВЬЮ ФОТО
Для перехода к редактированию превью фото необходимо нажать на иконку карандаша.
Откроется вкладка для редактирования превью, которая имеет аналогичные настройки что и форма добавления превью. В этой вкладке можно изменить название фото, описание фото, а так же можно заменить само фото.
ВИД ГЛАВНОЙ ВКЛАДКИ
ВЫВОД ФОТОГАЛЕРЕИ НА СТРАНИЦУ
Переходим в раздел "Управление страницами" и создаем страницу для вывода фотогалереи.
Вид фотогалереи на странице
Вид фрейма вывода основного фото.
СОЗДАНИЕ ФОТОАЛЬБОМА С ПОМОЩЬЮ МОДУЛЯ "ФОТОГАЛЕРЕЯ"
С помощью модуля "Фотогалерея" можно создать фотоальбом, который будет состоять из нескольких фотогалерей разной тематики. Для этого достаточно разархивировать архив с модулем. Папку, в котрой находится модуль, переименовать, дав ей нужное имя, например, mod.gallery2. Затем нужно открыть файл info. Открыть его можно в любом текстовом редакторе. Файл имеет следующее содержание
В строке name необходимо прописать название нового плагина и сохранить файл.
Примеры работы модуля "Фотогалерея":
http://demo4.n983309o.beget.tech/Portfolio
http://demo5.n983309o.beget.tech/Fotogalereya
http://demo10.n983309o.beget.tech/Fotogalereya
http://demo9.n983309o.beget.tech/Fotogalereya
Ставьте лайки и подписывайтесь на канал.
#разработка веб-сайтов #создание сайтов #веб-дизайн #интернет #myengine