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

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

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

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

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

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

1. Перейдите во вкладку «Модули» → «Управление модулями»



2. Выберите модуль из списка



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



4. Сохраните данные, чтобы не потерять их при переустановке модуля



5. Перейдите в «Витрины». Отметьте витрину, для которой будет применён модуль, ИНАЧЕ НИЧЕГО РАБОТАТЬ НЕ БУДЕТ (только для Multi-Vendor Ultimate)



6. Сохраните настройки модуля




Функционал модуля

Товар

1. Перейдите во вкладку «Товары» → «Товары»



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


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

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


  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. Установите  “галочку” в меню настроек:

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