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

 

У вас остались вопросы? Оставьте заявку!

Портфолио работ

ВЫBEERАЙ

Магазин ориентированный на максимально простую и быструю покупку для покупателя.

Семь кают

Небольшой сайт визитка отеля с возможностью бронировать номера и оставлять отзывы.

Хамелеон

Корпоративный сайт с богатой структурой, галереями и модерируемой гостевой книгой.

Барбарис

Интернет магазин аксессуаров сделанный на Virtualmart. Имеются фильтры и сортировки.

Хуторок

Простой интернет-магазин с новинками, блогом новостей и личным кабинетом.

Alievent

Интернет-магазин, который берет данные с прайсов АлиЭкспресс по партнерской программе.

Юнитек

Сайт-каталог по аренде автомобилей с удобной админкой для быстрого добавления спецтехники.

Статус Перевод

Легкий сайт визитка для привлечения клиентов с таймером, акцией, преимуществами и блогом.

Оставить заявку
Оставить заявку
Заказать разработку