Медиасетка

media_grid

Медиасетка

Гибкий визуальный блок с сеткой изображений, видео и текстового контента. Подходит как для главной страницы, так и для страниц товаров. Идеально для демонстрации особенностей продукта, галерей, сертификатов, примеров использования или деталей комплектации. Каждому элементу сетки можно задать изображение, заголовок, подзаголовок, кнопку и ссылку.

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

  • desktop_height — Высота секции на десктопе (опционально).
  • mobile_height — Высота секции на мобильных устройствах (опционально).
  • column_spacing — Отступы между колонками: none, small, medium, large.
  • mobile_swipe — Включить горизонтальную прокрутку на мобильных (да/нет).
  • color_bg — Цвет фона секции.
  • color_text — Цвет основного текста.
  • color_link — Цвет ссылок и кнопок.
  • disable_top_spacing — Убрать верхний отступ.
  • disable_bottom_spacing — Убрать нижний отступ.

Настройки каждой карточки (блока)

  • image — Изображение для блока.
  • use_video — Использовать вместо изображения видео (да/нет).
  • video_hosted — Ссылка на видео (YouTube, Vimeo или файл).
  • video_autoplay — Воспроизводить видео автоматически (да/нет).
  • slide_link — Ссылка при клике на карточку (опционально).
  • column — Ширина блока в колонках (от 1 до 6).
  • row — Высота блока в рядах (от 1 и более).
  • subheading — Подзаголовок.
  • heading — Заголовок блока.
  • heading_size — Размер заголовка (h1, h2, h3, h4, h5, h6).
  • content_position — Положение текста (по центру, внизу, сверху, слева, справа).
  • text_alignment — Выравнивание текста (лево, центр, право).
  • button_text — Текст кнопки (если есть).
  • button_link — Ссылка для кнопки.
  • color_bg — Цвет фона карточки.
  • color_bg_gradient — Градиентный фон (опционально).
  • color_text — Цвет текста.
  • color_link — Цвет ссылок и кнопок в блоке.
  • overlay_color — Цвет оверлея поверх изображения.
  • overlay_opacity — Прозрачность оверлея (0 — прозрачный, 1 — непрозрачный).

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

  • Галерея продукции: карточки с фото, заголовками и ссылками на категории.
  • Демонстрация комплектации: из чего состоит товар — каждый элемент с фото и описанием.
  • Медиа-секция: сочетание изображений и видео о продукте или бренде.
  • Портфолио: сетка работ, проектов, выполненных кейсов.
  • Блоки преимуществ: изображения + заголовки + описания с акцентами.