Главный баннер представляет собой большой баннер с изображением или видео позади текста и кнопок. Он находится на главной странице и часто первым попадается покупателям на глаза.
Добавьте главный баннер
- Откройте конструктор и выберите Главная страница на вкладке Страницы.
- На вкладке Секции нажмите Добавить новую секцию и выберите Главный баннер в группе Контент.
- Выберите медиа, напишите текст и нажмите Опубликовать.
Главный баннер доступен только на главной странице, и на страницу можно добавить один. Чтобы переместить, скопировать или скрыть его, см. Секции и блоки
Медиа и высота
- Режим: Одиночный показывает одно изображение или видео. Разделённый показывает два, заданных в Медиа 1 и Медиа 2. Они стоят рядом, когда Направление контента вертикальное, и друг над другом, когда горизонтальное. На телефонах они всегда идут друг под другом.
- Медиа 1 и Медиа 2: изображение или видео из медиатеки. Видео воспроизводится без звука, по кругу, как движущийся фон.
- Высота: Маленький, Средний, Большой, Полноэкранный (заполняет экран), Изображение (повторяет форму первого изображения, поэтому ничего не обрезается) или Настраиваемый. При варианте "Настраиваемый" Пользовательская высота задает высоту как долю высоты экрана. Новые баннеры начинают с варианта "Изображение".
Текст и кнопки поверх
Выберите баннер и нажмите Добавить новый блок, чтобы добавить контент поверх медиа: до 2 блоков Текст, 2 Кнопка, 2 Группа и 2 Разделитель. Их собственные настройки описаны в статье Блоки "Группа", "Текст", "Кнопка" и "Разделитель": как работают настройки элементов макета?
В разделе Макет вы размещаете этот контент:
- Направление: Вертикальный ставит блоки друг под другом, Горизонтальный ставит их рядом. При горизонтальном Расположить вертикально на мобильном ставит их друг под другом на телефонах.
- Позиция и Выравнивание: перемещают контент вверх или вниз и влево или вправо, например в левый нижний угол или в центр. Пространство между разносит блоки.
- Ширина контента: Страница держит контент в пределах ширины страницы, Полный позволяет ему доходить до краев экрана. Медиа всегда занимает всю ширину.
Промежуток (в разделе Интервал) задает расстояние между блоками, а Отступы пространство вокруг них.
Цвета и наложение
- Цветовая схема: цвета текста и кнопок баннера. См. Цветовые схемы.
- Наложение медиа: добавляет цветной слой поверх медиа, чтобы текст было легче читать. Затем задайте Цвет наложения и Стиль наложения: Сплошной равномерно покрывает медиа, Градиент плавно растворяет цвет. Направление градиента (Вверх или Вниз) задает, в какую сторону он растворяется.
Вкладка Пользовательский CSS позволяет добавить свой CSS только для этого баннера.
Частые задачи
- Шапка поверх баннера: включите Прозрачная шапка в настройках шапки. Это работает, только если баннер находится прямо под шапкой. См. Настройки шапки.
- Заголовок и кнопка по центру: вертикальное направление, затем позиция и выравнивание "По центру".
- Белый текст на яркой фотографии: включите наложение медиа с темным цветом наложения и стилем "Градиент".
Полезно знать
- Если видео в баннере не движется, проверьте Автовоспроизведение видео на вкладке настроек "Автоматизация". Когда оно выключено, фоновые видео стоят на месте. См. Настройки автоматизации.
- Если размер первого изображения неизвестен, высота "Изображение" использует вместо этого "Средний".
- Нужен баннер на другой странице? Главный баннер есть только на главной, но секция изображения работает на любой странице. См. Секции текста, изображения и разделителя.