Scroll

Виджеты: Галереи

1. Карусель
2. Галерея сетка
3. Слайдер 

Карусель

Данный виджет позволяет использовать галерею-карусель на странице сайта.

Карусель разделена на два основных раздела: Настройки и Дизайн.

Опция Редактировать позволяет Вам добавлять/редактировать/удалять изображения в Карусели.

Если Вы хотите загрузить новые картинки в Карусель - нажмите кнопку Добавить картинки и система автоматически перенаправит Вас в Медиатеку, где Вы можете выбрать необходимые изображения.

Если Вы хотите отредактировать/удалить картинку - Вам нужно расположить курсор мыши поверх картинки и выбрать необходимую опцию.

В разделе Редактирование картинки Вы можете просмотреть наименование картинки, отредактировать описание, выставить Alt текст для улучшения SEO , а также выставить опцию перенаправления в поле Ссылка: Открыть страницу, Открыть URL, Отправить email, Открыть в лайтбоксе, Открыть файл.

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

"Отступы" регулируют расстояние содержимого от границы виджета с четырех сторон. Доступны 5 вариантов: "Авто", "0", "Маленький", "Средний", "Большой". По умолчанию используется значение "Авто".
____4.png

При нажатии на название типа отступа открывается список с доступными вариантами. Достаточно просто выбрать нужный, кликнув на нем мышкой в списке.
____5.png

Раздел Анимация позволяет выбирать различные анимационные эффекты появления для выбранного виджета.

Ширина слайда позволяет увеличить/уменьшить ширину картинок в Карусели (от 1 до 999px).

Опция Минимум слайдов позволяет выставить минимальное количество слайдов в галерее (от 1 до 30).

Опция Максимум слайдов позволяет выставить максимальное количество слайдов в галерее (от 1 до 30).

Опция Переключение слайдов изменяет ротацию слайдов: По одному или Группами.

Расстояние позволяет увеличить/уменьшить расстояние между слайдами в галерее (от 0 до 50px).

Опция Слайд-шоу позволяет включить/выключить ротацию картинок в галерее.

Длительность слайда позволяет выставить время отображения слайдов в галерее (от 1 до 10 секунд).

Вы можете включить/выключить отображение навигационных кнопок (стрелки, пагинация) в галерее при помощи соответствующих опций.

Раздел Анимация позволяет выбирать различные анимационные эффекты появления для выбранного виджета.

Дизайн

Данная секция позволяет выбрать различный набор пресетов, который влияет на стиль оформления виджета Слайдер. Набор пресетов зависит от выбранной Темы.

Галерея сетка

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

Для редактирования виджета доступны следующие опции: Отступы, Высота ряда, Расстояние, Показывать описания, Открывать в лайтбоксе, Последний ряд.

Редактировать - данная опция позволяет Вам добавить/отредактировать/удалить картинки в галерее сетке.

Для добавления новых картинок Вам необходимо нажать кнопку "Добавить картинки" и затем выбрать необходимые картинки в Медиатеке. Для редактирования картинки нужно навести курсор мыши на картинку и нажать на иконку "Редактировать".

Миниатюра позволяет добавить/сменить миниатюру.
Картинка для просмотра позволяет выбрать картинку, которая имеет оригинальный размер.
Описание позволяет добавить описание для каждой отдельной картинки.
Alt текст поможет улучшить SEO. Данный текст уникальный и не влияет на Alt текст картинки, который указан в Медиатеке.

Высота ряда - позволяет редактировать высоту ряда в галерее. Минимальная высота - 50 пикселей. Максимальная высота - 1400 пикселей.
Фиксированная высота - все рядки в галерее будут иметь одинаковую (фиксированную) высоту.

Расстояние - позволяет увеличить/уменьшить расстояние между картинками в галерее. Минимальное значение - 0. Максимальное значение - 50.

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

Последний ряд - влияет на отображение последнего ряда в галерее (Вы можете использовать такие опции как Выравнивать, Не выравнивать, Скрывать).

Раздел Анимация позволяет выбирать различные анимационные эффекты появления для выбранного виджета.

Дизайн

Данная секция позволяет выбрать различный набор пресетов, который влияет на стиль оформления виджета Слайдер. Набор пресетов зависит от выбранной Темы.

Слайдер

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

Виджет Слайдер разделен на две основные категории: Настройки и Дизайн.

"Отступы" регулируют расстояние содержимого от границы виджета с четырех сторон. Доступны 5 вариантов: "Авто", "0", "Маленький", "Средний", "Большой". По умолчанию используется значение "Авто".
____4.png

При нажатии на название типа отступа открывается список с доступными вариантами. Достаточно просто выбрать нужный, кликнув на нем мышкой в списке.
____5.png

Раздел Анимация позволяет выбирать различные анимационные эффекты появления для выбранного виджета.

Слайд-шоу - опция, которая позволяет включить попеременное отображение картинок из структуры галереи.
Длительность слайда - опция, которая отвечает за длительность ротации между картинками. Минимальная длительность - 1 секунда. Максимальная длительность - 10 секунд.

Тип анимации - опция, которая позволяет выбрать тип анимации слайд-шоу: Исчезновение и Переключение.

Для добавления новых картинок в Слайдер виджет необходимо нажать кнопку Редактировать.

Затем нужно нажать на кнопку "Добавить картинки" и выбрать необходимые картинки в Медиатеке.

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

В окне "Редактирование картинки" Вы можете увидеть путь к картинке, а также отредактировать её описание и добавить Alt текст для улучшения SEO. Описание будет появляться непосредственно на картинке во время её отображения в виджете Слайдер.

Дизайн

Данная секция позволяет выбрать различный набор пресетов, который влияет на стиль оформления виджета Слайдер. Набор пресетов зависит от выбранной Темы.

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 2
Еще есть вопросы? Отправить запрос

Комментарии