Изображение с текстом

image_with_text

Изображение с текстом

Универсальный блок «Картинка с текстом», который позволяет гибко комбинировать медиа (изображение или видео) и текстовый контент. Подходит для презентации продукта, коллекции, спецпредложения или любого важного сообщения.

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

  • image — Основное изображение секции. Рекомендуемый размер: 1340 × 1340 px.
  • use_video — Включить видео вместо изображения.
  • video — Внешнее видео YouTube или Vimeo.
  • video_hosted — Видео, загруженное в Webasyst (имеет приоритет над внешней ссылкой).
  • video_autoplay — Автовоспроизведение видео (звук будет выключен).
  • height — Высота медиа-блока: «Adapt to image», «Small» или «Large».
  • desktop_image_width — Ширина изображения на десктопе: small / medium / large.
  • full_width — Растянуть секцию на всю ширину экрана.
  • layout — Порядок колонок на десктопе: картинка слева или справа.
  • content_position — Выравнивание контента (слева, по центру, справа).
  • column_spacing — Отступ между колонками (small / medium / large).
  • color_bg — Цвет фона секции.
  • color_text — Цвет текста и кнопки.
  • color_border — Цвет рамок/разделителей.
  • disable_top_spacing — Убрать верхний отступ секции.
  • disable_bottom_spacing — Убрать нижний отступ секции.

Настройки блоков

  • image — Дополнительное изображение в текстовой части (логотип, плашка, пиктограмма).
  • subheading — Подзаголовок (лейбл, категория, микро-текст).
  • heading — Заголовок с поддержкой анимированного маркера.
  • text — Основной текст (rich text).
  • button — Кнопка с настраиваемым текстом и ссылкой.
  • space — Пустое пространство (регулируемый отступ по высоте).
  • collapsible_tab — Сворачиваемый блок (аккордеон) для FAQ, характеристик, описаний.

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

  • Продуктовый блок: фото товара + заголовок + описание + кнопка «В корзину».
  • История бренда: изображение/видео + текст о компании + ссылка «Читать далее».
  • FAQ или спецификация: основной текст + несколько collapsible_tab с подробностями.