Галерея изображений для сайта и оптимизация изображений
Модуль добавляет фото в галерею:
- В карточку товара перед описанием
- В карточку товара после описания
- Во вкладку карточки товара
- На странице перед основным контентом
- На странице после основного контента
- На страницах блога перед основным контентом
- На страницах блога после основного контента
- Вставка через блок в любое место
Гибкая настройка параметров галереи для товара, категории и всего магазина:
- Настройки модуля
- Настройки отображения галереи в отдельно заданной категории
- Настройка отображения в карточке товара
- Настройка отображения на отдельной странице
- Настройка отображения в блоге
- Настойка для каждого блока
Товар
Модуль создаёт галерею для выбранного товара.
- Зайдите во вкладку “Товары”:
- Далее выберите товар (Пример: AF-S DX NIKKOR 10-24 mm):
- Во вкладке “Общее” загрузите изображения удобным способом:
В результате отобразятся все загруженные фотографии:
- Перейдите во вкладку «Галерея изображений»:
Существует три варианта расположения:
- Вкладка
- В описании сверху
- В описании снизу
- Расположение галереи “Вкладка” создает отдельную вкладку в карточке товара:
Оставшиеся две опции во многом схожи, но имеют некое различие.
5.2. “В описании сверху” отображает галерею над описанием:
Теперь нет отдельной вкладки в карточке товара, а галерея встраивается прямо в начало описания товара.
5.3. “В описании снизу” отображает галерею под описанием:
Категория
Модуль задаёт расположение галереи для всей категории, исключая те товары, которые были настроены вручную.
- Зайдите во вкладку “Категории”:
- Выберите нужную категорию (пример: “Электроника”):
- Перейдите во вкладку “Галерея изображений”:
- Выберите расположение галереи и установите галочку напротив “Применить для подкатегорий”, если необходимо применить для всех вложенных категорий. В конце нажмите “Сохранить”:
Галерея будет применена для всей категории, кроме тех товаров, в которых она была изменена вручную.
Макет
Модуль создаёт блок галереи, который можно размещать в любом месте вашего сайта.
- Во вкладе модулей выберите “Галерея изображений”:
- Нажмите на “+”, чтобы добавить новую галерею:
- Дайте название и выберите изображения:
- Проверьте фотографии и сохраните полученное:
- Зайдите в “Дизайн” → “Макеты”:
- Выберите страницу, куда хотите вставить галерею (пример: «Домашняя страница»):
- Нажмите на «+» → “Добавить блок”:
- Выберите “Создать новый блок”:
- Откройте “MW: Галерея изображений”:
- Введите название, зайдите во вкладку “Контент”:
11. Здесь нажмите на кнопку “Добавить”:
12. Отметьте галерею, после чего нажмите на кнопку “Добавить и закрыть”.
13. Нажмите “Создать” и перейдите на страницу.
14. Фотогалерея отображается на странице:
Редактирование галереи
Модуль можно настраивать, меняя размеры изображений и отступы между ними.
Настройки можно применять как для товара, так и для категории.
Изменение размера и отступов изображения
За размер отвечают два поля “Ширина изображения в галерее” и “Высота изображения в галерее”. “Отступ между изображениями” создаёт отступы в галерее указанной длины.
Примечание: все значения выражаются в пикселях.
Схематичное отображение:
“Количество подгружаемых элементов” отвечает за количество изображений при загрузке страницы товара:
Пример: Выставлено значение “2”:
“Количество столбцов” отвечает за количество столбцов в галерее:
Пример: Выставлено значение “3”:
Кнопка “Показывать изображения в виде слайдера”, преобразует галерею в слайдер.
Примечание: при использовании данной функции пропадает возможность увеличения изображения.
Теперь галерея выглядит таким образом:
“Увеличивать при клике” открывает окно с увеличенным изображением:
Теперь при нажатии на любое изображение всплывает окно с его увеличенным вариантом:
Стандартные настройки изображений
В настройках модуля можно задать стандартные значения ширины, высоты, отступов и т.д.
Перейдите во вкладку “Модули” → “Управление модулями” для дальнейших настроек:
- Выберите модуль из списка:
- Все значения, выставленные в этих полях, будут автоматически применены при создании галереи:
Сжатие изображения
Модуль сжимает загружаемые изображения до любых установленных значений.
- В Настройках нужно выбрать вкладку “Изменение размера”:
- Выставьте значения высоты и ширины изображения в пикселях:
- Зайдите в “Товары”:
- Нажмите шестерёнку и в ней выберите “Изменить размер детальных изображений”:
- Немного подождите:
После окончания загрузки все изображения в галерее примут установленный размер.
- Установите “галочку” в меню настроек:
Автоматическое изменение изображения при его загрузке в галерею.
Настройки модуля
- Введите лицензионный ключ:
- Выбор витрины:
Перейдите во вкладку “Витрины”, которая находится в настройках модуля. Отметьте витрину на для которой будет применён модуль, ИНАЧЕ НИЧЕГО РАБОТАТЬ НЕ БУДЕТ.
- Сохраните данные.
Чтобы не потерять данные при переустановке модуля, необходимо поставить соответствующую «галочку» в меню настроек: