Галерея изображений для сайта и оптимизация изображений

Модуль добавляет фото в галерею: 

  • В карточку товара перед описанием
  • В карточку товара после описания
  • Во вкладку карточки товара
  • На странице перед основным контентом
  • На странице после основного контента
  • На страницах блога перед основным контентом
  • На страницах блога после основного контента
  • Вставка через блок в любое место

Гибкая настройка параметров галереи для товара, категории и всего магазина:

  • Настройки модуля
  • Настройки отображения галереи в отдельно заданной категории
  • Настройка отображения в карточке товара
  • Настройка отображения на отдельной странице
  • Настройка отображения в блоге
  • Настойка для каждого блока

Товар

Модуль создаёт галерею для выбранного товара.

  1.  Зайдите во вкладку “Товары”:

  1. Далее выберите товар (Пример: AF-S DX NIKKOR 10-24 mm):


  1.  Во вкладке “Общее” загрузите изображения удобным способом:

В результате отобразятся все загруженные фотографии:


  1.  Перейдите во вкладку «Галерея изображений»:


Существует три варианта расположения:

  • Вкладка
  • В описании сверху
  • В описании снизу
  1.  Расположение галереи “Вкладка” создает отдельную вкладку в карточке товара:

Оставшиеся две опции во многом схожи, но имеют некое различие.

5.2.  “В описании сверху” отображает галерею над описанием:


Теперь нет отдельной вкладки в карточке товара, а галерея встраивается прямо в начало описания товара.

5.3. “В описании снизу” отображает галерею под описанием:



Категория

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

  1.  Зайдите во вкладку “Категории”:

  1. Выберите нужную категорию (пример: “Электроника”):

  1. Перейдите во вкладку “Галерея изображений”:

  1. Выберите расположение галереи и установите галочку напротив “Применить для подкатегорий”, если необходимо применить для всех вложенных категорий. В конце нажмите “Сохранить”:

Галерея будет применена для всей категории, кроме тех товаров, в которых она была изменена вручную.

Макет

Модуль создаёт блок галереи, который можно размещать в любом месте вашего сайта.

  1. Во вкладе модулей выберите “Галерея изображений”:


  1. Нажмите на “+”, чтобы добавить новую галерею:

  1. Дайте название и выберите изображения:


  1. Проверьте фотографии и сохраните полученное:

  1. Зайдите в  “Дизайн” → “Макеты”:


  1. Выберите страницу, куда хотите вставить галерею (пример: «Домашняя страница»):

  1. Нажмите на «+» → “Добавить блок”: 

  1. Выберите “Создать новый блок”:


  1. Откройте “MW: Галерея изображений”:


  1. Введите название, зайдите во вкладку “Контент”:

11. Здесь нажмите на кнопку “Добавить”:


12. Отметьте галерею, после чего нажмите на кнопку “Добавить и закрыть”.

13. Нажмите “Создать” и перейдите на страницу.


14. Фотогалерея отображается на странице:

Редактирование галереи

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

Настройки можно применять как для товара, так и для категории.

Изменение размера и отступов изображения

За размер отвечают два поля “Ширина изображения в галерее” и “Высота изображения в галерее”. “Отступ между изображениями” создаёт отступы в галерее указанной длины.

Примечание: все значения выражаются в пикселях.

Схематичное отображение:

“Количество подгружаемых элементов” отвечает за количество изображений при загрузке страницы товара:

Пример: Выставлено значение “2”:

“Количество столбцов” отвечает за количество столбцов в галерее:

Пример: Выставлено значение “3”:

Кнопка “Показывать изображения в виде слайдера”, преобразует галерею в слайдер.

Примечание: при использовании данной функции пропадает возможность увеличения изображения.

Теперь галерея выглядит таким образом:

“Увеличивать при клике” открывает окно с увеличенным изображением:

Теперь при нажатии на любое изображение всплывает окно с его увеличенным вариантом:

Стандартные настройки изображений

В настройках модуля можно задать стандартные значения ширины, высоты, отступов и т.д. 

  1. Перейдите во вкладку “Модули” → “Управление модулями” для дальнейших настроек:


  1. Выберите модуль из списка:
  1. Все значения, выставленные в этих полях, будут автоматически применены при создании галереи:


Сжатие изображения

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

  1. В Настройках нужно выбрать вкладку “Изменение размера”:
  1. Выставьте значения высоты и ширины изображения в пикселях:
  1. Зайдите в “Товары”:
  1. Нажмите шестерёнку и в ней выберите “Изменить размер детальных изображений”:

  1. Немного подождите:


После окончания загрузки все изображения в галерее примут установленный размер.

  1. Установите  “галочку” в меню настроек:

Автоматическое изменение изображения при его загрузке в галерею. 

Настройки модуля

  1. Введите лицензионный ключ:


  1. Выбор витрины:

Перейдите во вкладку “Витрины”, которая находится в настройках модуля. Отметьте витрину на для которой будет применён модуль, ИНАЧЕ НИЧЕГО РАБОТАТЬ НЕ БУДЕТ.

  1. Сохраните данные.

Чтобы не потерять данные при переустановке модуля, необходимо поставить соответствующую «галочку» в меню настроек: