Галереи
Все изображения, используемые в виджетах "О типографии", "Слайдер", "Фото-карусель", "Логотипы" и другие виджеты с вкладкой "Изображения", загружаются и хранятся в разделе "Галерея".
.png)
Админ-панель раздела представляет собой список всех галерей с вложенными изображениями. Здесь доступны функции редактирования, удаление существующих галерей и создания новых.
Редактирование существующих галерей
При нажатии на название галереи, откроется меню редактирования с тремя вкладками: Описание, Изображения и Виджеты.
.png)
Вкладка "Описание"
В этой вкладке можно изменить только название галереи. Название является обязательным полем, которое необходимо заполнить.
Вкладка "Изображения"
.png)
Кнопка "Удалить"
Для удаления изображения, нажмите кнопку "Удалить" .png)
Кнопка "Изменить"
Чтобы отредактировать уже загруженные изображения, нажмите кнопку "Изменить". После этого откроется меню редактирования, где вы сможете внести следующие изменения:
• Язык: выбор языковых версий сайта, на которых будет отображаться данное изображение.
• Тип устройства: настройка отображения изображений в зависимости от типа устройства: "Для десктопа" (только для компьютеров), "Для мобильных устройств" (только для смартфонов и планшетов) и "Универсальный" (для всех типов устройств).
• Url: вставьте ссылку в это поле, чтобы сделать изображение кликабельным. При нажатии на изображение на сайте произойдёт переход по указанной ссылке.
• Теги: отметьте изображение тегом и в дальнейшем, при создании виджета, будет возможность сформировались галерею виджета на основе указанного тега. Тег можно ввести самостоятельно либо выбрать из имеющихся.
• Alt: текстовое описание изображения, которое отображается, если изображение не загружено.
• Title: описание изображения, появляющееся при наведении курсора.
• Видео: возможность загрузки видеофайлов (доступно только для виджета "Слайдер").
Важно! Видео отображается без звука и только при автоматической смене изображений.
.png)
Создание кнопок на слайдере
На каждом изображении в галереи можно создать кнопки для быстрого перехода по ссылке, либо для открытия формы обратной связи.
Для создания кнопки установите переключатель "Кнопка на слайдере" в положение "Включен" и заполните открывшиеся поля:
• Заголовок: это основное наименование темы над кнопкой слайда.
• Описание: краткое описание слайда, которое отображается под заголовком.
• Стиль заголовка / Стиль описания: позволяет выбрать стиль текста. Подробнее в статье Типографическая система.
• Цвет заголовка / Цвет описания: позволяет подобрать цвет из палитры для заголовка и описания
• Подпись кнопки: название кнопки, указывающее о действии при нажатии
• Позиция модуля: позволяет выбрать расположение всего модуля (Заголовок, Описание, Кнопка) на слайде . Доступны три положения: слева, по центру и справа
• Цель: выбор действия кнопки (открытие формы обратной связи или переход по ссылке).
• Ссылка: поле для ввода ссылки, если выбрана соответствующая цель.


**Важно! "**Кнопка на слайдере" работает непосредственно только в Виджете "Слайдер". В других виджетах, кнопка отображаться не будет.
Импорт настроек кнопки
Чтобы не настраивать кнопки для каждого изображения вручную, используйте функцию "Импорт настроек кнопки".
При нажатии откроется окно "Импорт настроек". В данном окне выберите на какие изображения будет скопирована настройка кнопки.
.png)
Добавление новых изображений в слайдер
Во вкладке "Изображения" вы можете добавить новые изображения в существующую галерею, нажав кнопку "Загрузить".
.png)
Типы поддерживаемых изображений:
**.*jpg, *.jpeg, *.gif, *.png, *.webp, *.svg
Рекомендуемый размер изображения (Ширина х Высота):
• Минимальный 643х300 рх. • Максимальный 1903х550 рх.
Вкладка Виджеты
В разделе "Галерея" можно создать виджет "Фото-карусель", для размещения на любой странице сайта.
Чтобы создать виджет, нажмите кнопку "Создать виджет".
.png)
В открывшейся форме заполните следующие поля:
• Название
• Тип устройства
• Выбор
• Галерея
Дополнительно можно настроить отображение виджета на сайте:
• Заголовок
• Тег заголовка
• Тип отображения
• Количество изображений в строке
• Увеличение изображений при клике
• Встроить изображение
Более подробную информацию и описание создания виджета можно узнать из статьи Виджет "Фото-карусель"
.png)
После сохранения данных внизу формы появится код для установки на сайт. Скопируйте его и вставьте на нужную страницу. Порядок установки.
По умолчанию виджет будет отключён. Чтобы включить его перейдите в разделе Контент → Виджеты → Фото-карусель → включить бегунок у созданного виджета.
.png)
Пример отображения Виджета Фото-карусель на сайте:


Создание новой Галереи
Изображения автоматически попадают в раздел "Галерея" при загрузке в виджетах "О типографии", "Слайдер", "Фото-карусель" и "Логотипы".
В разделе "Галереи" предусмотрена возможность добавить свою галерею. Создать её можно при нажатии кнопки "Добавить".
.png)
После нажатия кнопки, откроется страница создания галереи. Введите название и нажмите "Сохранить".
.png)
Для загрузки изображений, перейдите во вкладку "Изображения" и нажмите кнопку "Загрузить". После загрузки изображение можно отредактировать или удалить.
.png)
Рекомендуемые форматы изображений, а так же их размеры можете прочитать выше
Удаление галереи
Чтобы удалить Галерею, воспользуйтесь кнопкой "Удалить" напротив каждой галереи.
.png)