Баннерная линия — блок на странице, в котором размещается баннер определенного типа. Тип баннера определяет количество изображений в линии и их размеры.
Баннерные линии на страницах сайта
На главной странице можно размещать произвольное количество баннеров. На страницах каталога предусмотрены две баннерные линии: Сверху и Снизу (над и под товарами).
Новые баннерные линии и изменение типа баннеров
Для создания новых баннерных линий, изменения параметров баннеров в уже существующих линиях или смены их расположения перейдите в раздел админ панели Сайт → Дизайн → Редактор дизайна и разверните пункт Главная страница. Нажмите Добавить баннер или разверните существующую баннерную линию и задайте необходимые параметры баннера. Предварительный просмотр в редакторе дизайна позволяет сразу оценить внесенные изменения.
Важно: перед изменением баннеров рекомендуем сохранить изображения, которые вы использовали ранее. После применения изменений ваши предыдущие изображения могут быть удалены.
Типы баннеров
Ниже отображены все доступные типы баннеров.
Block
Block Plus
2x
3x
Wide 2x
Wide 3x
Wide Block
Важно: тип баннеров blockplus доступен только для главной страницы.
Высота баннера
S (низкий баннер)
М (средний баннер)
L (высокий баннер)
Размеры разных типов баннеров в пикселях
В таблицах ниже, а также в правом верхнем углу каждого поля для загрузки изображений указан оптимальный для Retina-экранов размер. Вы можете использовать изображения, размер которых вдвое меньше по горизонтали и вертикали, без потери качества.
Одинарные баннеры
Размер/Тип | Block | Wide Block |
S | 2280 × 432 | 3840 × 576 |
M | 2280 × 864 | 3840 × 1152 |
L | 2280 × 1152 | 3840 × 1536 |
Двойные и тройные баннеры
Размер/Тип | 2x | 3x | Wide 2x | Wide 3x |
S | 1440 × 432 | 960 × 480 | 1920 × 576 | 1280 × 640 |
M | 1440 × 864 | 960 × 960 | 1920 × 1152 | 1280 × 1280 |
L | 1440 × 1296 | 960 × 1440 | 1920 × 1728 | 1280 × 1600 |
Баннер Block Plus
Размер/Тип | Block Plus |
M | 1920 × 864 / 960 × 432 |
Дополнительные настройки
Для каждой баннерной линии дополнительно можно настроить радиус скругления, отступы и навигационные элементы.
Скругление углов
Отступы между баннерами
Без отступов
S (10px)
M (16px)
L (22px)
Внимание: если вы выбираете отступы между баннерами (S-L), не размещайте важные элементы изображения близко к краю. Необходимо предусмотреть отступ 10-15 пикселей от края, которые будут перекрыты отступом.
Навигация в баннерах
Навигация отображается в баннерах block, wideblock и для большого баннера blockplus, если количество баннеров в линии больше одного (слайдер).
Навигация состоит из стрелок прокрутки и пагинации. Учитывайте, что настройки навигации баннеров общие для всего сайта.
Стрелки
Доступно восемь типов стрелок. По умолчанию стрелки белые, но их можно перекрасить в любой цвет.
Пагинация
Доступны два стиля пагинации:
Включить или выключить элементы навигации, изменить их тип и цвет стрелок можно в разделе админ панели Сайт → Дизайн → Редактор дизайна, пункт Общие настройки, вкладка Блоки и навигация, подпункт Навигация в баннерах.