Блок “Медиа + Текст”

Недавно мы анонсировали новый блок "Медиа + Текст".

Для этого блока мы создали отдельный раздел в библиотеке блоков с одноименным названием. Здесь можно выбрать одну из предложенных вариаций, чтобы настраивать блок было быстрее и удобнее.
Блок позволяет гибко менять внешний вид,  добавлять изображения, различные варианты текста, а также настраивать вид графической части: от простого изображения до интерактивного видео.
Адаптируйте внешний вид блока под дизайн вашего сайта
Большое количество элементов и гибкие настройки дизайна помогут адаптировать блок под ваш сайт.
1. Вид блока
Здесь можно настроить структуру блока, то есть с какой стороны и в какой пропорции будет отображаться информационная и графическая части,
ширину контента, отображение на мобильных и положение по вертикали
2. Подложка
В подложке можно:
  • сделать её общей для графической и информационной частей или только под информационной;
  • растянуть подложку по высоте;
  • медиа часть сделать с отступами или без;
  • настроить отступы внутри подложки;
  • скруглить углы;
  • цвет сплошной или градиент с направлениями сверху вниз, слева направо, по диагонали.
3. Графическая часть
В графической части может быть просто изображение, композиция из 2х или 3х изображений, галерея, слайдер, видео в формате mp4, видео с youtube/vimeo или html-код.

Для каждого типа медиа свои настройки.
4. Информационная часть
В информационной части могут быть следующие элементы:
  • изображение (здесь может быть лого, иконка или фото)
  • интро
  • заголовок
  • подзаголовок
  • теги (отображаются слева направо или друг под другом)
  • текст
  • выделенный текст
  • список с иконками
  • список с маркерами (также настраивается вид маркера)
  • раскрывающиеся пункты
  • список текстов с заголовками
  • изображения (здесь, в отличие от первого пункта, можно загрузить несколько изображений)
  • форма
  • текст в 2 колонки
  • кнопки одна или две
  • кнопки whatsapp и telegram
  • таймер
  • HTML вставка

Все элементы можно включить или выключить и сортировать их положение по вертикали.
Посмотрите примеры блока: