Широкий слайдер

Последние изменения: 21.03.2022

Виджет для отображения текстовой и визуальной информации с помощью коллекции слайдов. Есть возможность добавления ссылок и кнопок в слайды.

Заходим в группу виджетов “Слайдеры”, выбираем “Широкий слайдер”.

a48f06e58bafced5d19a34fc2a4ca0e4.png

Рассмотрим настройки виджета.

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

  • Отступы. При желании вы можете настроить отступы между виджетами. По умолчанию они включены:

8064f8e3f23f7114dce20e229f4416f3.png
Компонент коллекции слайдов. Ниже рассмотрим каждый параметр слайда.
1672fde6a5658e8c16febb123f001b5f.png
  1. Стандартное расположение изображения и текста - слева направо. Ставим галочку в параметре “Наоборот”, если изображение должно отображаться зеркально.

  2. В каждом слайде вы можете использовать либо ссылку, либо кнопку, содержащую ссылку. Соответственно, в поле “Читать далее” нужно указать нужный адрес страницы.

  3. Выбор изображения. Рекомендуемый размер 612*481.

  4. Соотношение сторон: 4/3.

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

  6. Текстовое поле.

  7. Добавляем новый компонент- кнопку

6f3521e86db4e4b631d290806143dc3a.png
  • В поле “Текст” пишем название кнопки

  • Цвет кнопки

4900dfd2866b76b6d79cadf58971bba8.png

Альтернативно-светлый стиль кнопки (показан на тёмном фоне)
8d501f64f7b749489931688e69145c8f.png

Настройки ссылки

  • Выбор типа ссылки _self (ссылка откроется в том же окне) или _blank (в новом окне)

  • Строка для вставки ссылки на страницу и кнопка для загрузки файла

  • Выбор значения атрибута rel

Кнопка добавления нового компонента:

135a33d3813d32f4defa0bc1d7184b2f.png

После окончания работ, сохраняем виджет

da7383cf2e6ccda9210e437bc85cc057.png

и публикуем страницу

676787f8efe35610ff2df80a3c5012a9.png

Пример использования виджета:

fd02994e40f584c89aaafcd64e4258f3.png

Помогла ли вам статья?