Слайдшоу

slideshow

Слайдшоу

Большой полноширинный блок с перелистывающимися изображениями. Отлично подходит для размещения ключевых акцентов на главной странице: акций, новинок или важных сообщений. Каждый слайд может содержать изображение, заголовок, подзаголовок, кнопку и ссылку. Есть возможность настраивать скорость смены слайдов, включать автопрокрутку и управлять высотой блока для разных устройств.

Настройки секции

  • desktop_height — Высота блока на десктопе.
  • mobile_height — Высота блока на мобильных устройствах.
  • full_width — Растянуть слайдшоу на всю ширину (да/нет).
  • autoplay — Включить автопрокрутку слайдов (да/нет).
  • autoplay_length — Время показа одного слайда (в секундах).
  • transition — Тип анимации перехода между слайдами (slide, fade, zoom).
  • controls — Тип управления: стрелки, точки или оба варианта.
  • disable_top_spacing — Отключить верхний отступ.
  • disable_bottom_spacing — Отключить нижний отступ.

Настройки каждого слайда

  • image — Изображение для десктопа.
  • mobile_image — Изображение для мобильных устройств.
  • slide_link — Ссылка на весь слайд (по клику).
  • video_background — Включить видео в качестве фона (да/нет).
  • video — Ссылка на видео (YouTube, Vimeo или файл).
  • subheading — Подзаголовок.
  • heading — Заголовок слайда.
  • heading_size — Размер заголовка.
  • content — Описание или текст слайда.
  • description_size — Размер описания.
  • content_position — Положение контента: слева, справа, по центру, сверху, снизу.
  • text_alignment — Выравнивание текста: по левому краю, по центру, по правому краю.
  • content_size — Ширина текстового блока (compact, normal, wide).
  • color_slidebg — Цвет фона текстового блока.
  • color_slidebg_opacity — Прозрачность фона текстового блока (0 — прозрачный, 1 — сплошной).
  • color_slidebg_blur — Размытие фона текстового блока (в пикселях).
  • color_text — Цвет текста.
  • color_badge_bg — Цвет фона бейджа.
  • color_badge_text — Цвет текста бейджа.
  • overlay_color — Цвет оверлея поверх фона (например, затемнение).
  • overlay_opacity — Прозрачность оверлея (от 0 до 1).
  • overlay_gradient — Градиентный оверлей (если используется).
  • button_1_text — Текст первой кнопки.
  • button_1_color — Цвет первой кнопки.
  • button_1_link — Ссылка первой кнопки.
  • use_text_button_1 — Отображать первую кнопку как текстовую ссылку (да/нет).
  • button_2_text — Текст второй кнопки.
  • button_2_color — Цвет второй кнопки.
  • button_2_link — Ссылка второй кнопки.
  • use_text_button_2 — Отображать вторую кнопку как текстовую ссылку (да/нет).

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

  • Слайд с акцией: «Скидки до 50% — Только до конца недели» с кнопками «Перейти в каталог» и «Подробнее».
  • Слайд с коллекцией: Видео фоном, заголовок «Новая коллекция 2025» и кнопка «Смотреть коллекцию».
  • Слайд с доставкой: Изображение + заголовок «Доставка по всей стране» с кнопкой «Узнать условия».
1/3