Установка MG Gallery
После покупки MG Gallery вы получите на почту два архива. Через менеджер расширений установите компонент и модуль.
Активируйте плагин System - MG Gallery в Менеджере плагинов (если он еще не активирован).
Теперь можно работать с галереей.
Работа с компонентом MG Gallery
Откройте Компоненты MG Gallery
Чтобы создать новую галерею нажмите Создать. Заполните следующие поля:
Просмотреть скриншот настроек.
Название
- ваше название галереи, отображается только в админке
Папка с фото для галереи от корня сайта (например: /images/ или /images/portfolio/)
- галерея выводит изображения из папок. Если в папке есть подпапки, с них картинки выводиться не будут. Одна галерея = одна папка с картинками. В этом поле вам нужно указать с какой папки будут выводиться фотографии. Путь к папке идет от корня сайта, т.е. если вы укажите /images/ - это означает, что фотографии должны находиться в папке http://ваш-сайт.ru/images/
Число картинок в одном ряду
- Сколько изображений вместится в 1 ряд. Например, если у вас в папке 20 картинок и вы выберете 5, то будет 4 ряда по 5 картинок в каждом. Рекомендуемое значение от 4 до 7.
Показывать названия картинок
Когда вы загружаете картинки в папки они имеют названия, например:
- 7.jpg
- album-minimal-3-370x395.jpg
- testimonial-1.png
- расписание.jpg
Если вы выберите один из следующих вариантов показа этих названий:
- только во всплывающих окнах
- только под картинками
- во всплывающих окнах и под картинками
- не показывать
То под каждым фото будет соответствующая подпись без расширения картинки, т.е.
- 7
- album-minimal-3-370x395
- testimonial-1
- расписание
Если вам нужны подписи на русском, называйте файлы кириллицей, но прежде проверьте, корректно ли на вашем хостинге она выводится (обычно с этим все в порядке). Иначе подписи придется писать в латинице.
Также здесь же можно регулировать порядок вывода фотографий. Для этого, вам нужно будет перед названием картинки писать такую конструкцию: 1№..., 2№... и т.д. Например:
- 1№Краски лета.png
- 2№Акварель.jpg
- 3№Художник.jpg
В этом случае картинки будут идти согласно заданного порядка. Приставки 1№ и т.п. будут автоматически обрезаться в заголовках, при выводе в галереи.
Создавать миниатюры (уменьшенные копии картинок)
Это экспериментальная настройка и по умолчанию она выключена, так как не каждый хостинг дает разрешение на обработку фото.
При включении этой опции галерея будет грузиться значительно быстрее (имеется ввиду прогрузка фото). Так как будут подставляться в список фотографий не оригинальные фото, где их размер может занимать несколько мб, а уменьшенные. Во всплывайках будет показан полный размер картинок.
Если выбрать Да, то будут созданы копии фотографий с размером, указанным в поле Ширина создаваемых миниатюр в px (по умолчанию 350, высота подбирается автоматически). Рекомендуемое значение от 300 до 600.
- Если ширина оригинального фото будет меньше, чем ширина создаваемой миниатюры, то такое изображение будет пропущено и будет загружаться оригинал.
- Копии фотографий будут создаваться внутри папки с именем thumb_mggallery1, где 1 - это id галереи (об этом позже). Например, вы выбрали исходную папку галереи /images/ - это означает, что в ней создастся папка thumb_mggallery1 и в ней же будут уменьшенные копии фотографий папки /images/
- При удалении галереи из админки, папки типа thumb_mggallery1 не будут удаляться автоматически. Их нужно удалять вручную Это сделано для безопасности вашего сайта.
- Важный момент. После создания или редактирования галереи, миниатюры не создаются автоматически. Для этого нужно нажимать кнопку Создать миниатюры в списке галерей. См. скриншот. Если вы добавите/удалите новые фото в папку с галереей, эту кнопку нужно будет нажать снова.
Высота картинок в px (в формате 164,130,119,95,104)
Гибкие настройки высоты картинок, в зависимости от типа экрана (ПК, планшет, смартфон).
Внимание! Если не хотите разбираться - оставьте поле пустым. Компонент подставит значения по умолчанию.
Пример: 164,130,119,95,104
- здесь:
- 164 - отображается на экранах больше 1199px по ширине (обычный ПК)
- 130 - отображается на экранах больше 991px по ширине (ПК и планшеты)
- 119 - отображается на экранах больше 767px по ширине (планшеты и смартфоны)
- 95 - отображается на экранах больше 486px по ширине (планшеты и смартфоны)
- 104 - отображается на экранах больше 320px по ширине (смартфоны)
Рекомендуемые настройки, которые применяются по умолчанию в зависимости от количества выбранных колонок галереи:
- 8 столбцов: 100,106,119,95,104
- 7 столбцов: 110,106,119,95,104
- 6 столбцов: 120,106,119,95,104
- 5 столбцов: 164,130,119,95,104
- 4 столбца: 216,167,119,95,104
- 3 столбца 292,228,163,95,104
- 2 столбца 447,350,253,150,104
- 1 столбец: оставить пустым, высота подбирается автоматически
Активность галереи
Позволяет скрывать галерею с сайта, не удаляя ее.
Список галерей
После создания галереи, она отобразится здесь - см. скриншот. Здесь можно редактировать галереи и создавать миниатюры. Слева, напротив каждого названия галереи находится его уникальный id номер. Он будет использоваться при выводе галереи на сайте
Вывод галереи на сайте
Для этого перейдите в раздел Расширения > Менеджер модулей. См. скриншот.
- Нажмите Создать и выберите MG Gallery - вывод галереи на сайте.
- В поле id галереи впишите, какую галерею должен выводить данный модуль.
- Справа, в поле Позиция введите позицию модуля для вывода в дизайне или материале.
- Во вкладке Привязка к пунктам меню выберите На всех страницах или на каких требуется.
- Нажмите Сохранить
Далее вы можете выводить галерею в материале или дизайне сайта используя стандартный код для Joomla.