Баннер

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

Введение

Баннер — это крупный выделяющий элемент страницы: обычно изображение на всю ширину, с заметным заголовком поверх него и, при необходимости, вводным текстом и действиями (кнопками/ссылками).

Он следует тому же общему механизму, что и все компоненты, описанному в Обзоре и Типах компонентов.

Поля

Помимо общих полей (Тип, Порядок, Режим редактирования, Инвертировать фон, Действия), у Баннера есть:

Поле	Описание
Заголовок (title)	Выделенный заголовок поверх изображения.
Содержимое (content / html_content)	Вводный текст под заголовком.
Изображение (image)	Фоновое изображение баннера.
Alt-текст изображения (image_alt)	Альтернативный текст изображения для доступности и SEO.
Заголовок изображения (image_title)	Атрибут title изображения.
Позиция X / Позиция Y (position_x, position_y)	Настраивают точку фокуса фонового изображения (background-position) в процентах.

Позиция изображения

Поля Позиция X и Позиция Y управляют тем, какая часть фонового изображения всегда остаётся видимой при изменении размера баннера в разных разрешениях — тот же принцип, что и у background-position в CSS.

Например, 50% / 50% центрирует фокус на середине изображения: при любом разрешении видимым остаётся центр изображения, а края обрезаются по необходимости.

Доступные типы

На данный момент существует три типа Баннера:

• Стандартный (Default) — базовый макет с заголовком, содержимым и действиями.
• Вторичный (Secondary) — визуально отличается от Стандартного (собственный стиль в CSS/LESS), но имеет ту же структуру полей.
• Стандартный с выделением (DefaultSubBanner) — более сдержанный вариант без поддержки действий (action: false в config.json).

Подробнее о том, как работают типы и как создать новый, см. Типы компонентов.

Следующий шаг

Переходите к Содержимому.