Установка 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.