Банерна лінія — блок на сторінці, де розміщується банер певного типу. Тип банера визначає кількість зображень у лінії та їх розміри.
Банерні лінії на сторінках сайту
На головній сторінці можна розміщувати довільну кількість банерів. На сторінках каталогу передбачені дві банерні лінії: Зверху та Знизу (над та під товарами).
Нові банерні лінії та зміна типу банерів
Для створення нових банерних ліній, зміни параметрів банерів у лініях, що вже існують, або зміни їх розташування перейдіть в розділ адмін панелі Сайт → Дизайн → Редактор дизайну і розгорніть пункт Головна сторінка. Натисніть Додати банер або розгорніть існуючу банерну лінію та задайте необхідні параметри банера. Попередній перегляд в редакторі дизайну дозволяє відразу оцінити внесені зміни.
Важливо: перед зміною банерів рекомендуємо зберегти зображення, які ви використовували раніше. Після застосування змін ваші попередні зображення можуть бути видалені.
Типи банерів
Нижче показані всі доступні типи банерів.
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 |
Банер blockplus
Розмір/Тип | Block Plus |
M | 1920 × 864 / 960 × 432 |
Додаткові налаштування
Для кожної банерної лінії додатково можна налаштувати радіус заокруглення, відступи та навігаційні елементи.
Скруглення кутів
Відступи між банерами
Без відступів
S (10px)
M (16px)
L (22px)
Увага: якщо ви вибираєте відступи між банерами (S-L), не розміщуйте важливі елементи зображення близько до краю. Необхідно передбачити відступ 10-15 пікселів від краю, які будуть перекриті відступом.
Навігація у банерах
Навігація відображається в банерах block, wideblock та для великого банера blockplus, якщо кількість банерів у лінії більше одного (слайдер).
Навігація складається зі стрілок прокручування та пагінації. Враховуйте, що налаштування навігації банерів є спільними для всього сайту.
Стрілки
Доступно вісім типів стрілок. За замовчуванням стрілки білі, але їх можна перефарбувати у будь-який колір.
Пагінація
Доступні два види булетів пагінації:
Увімкнути або вимкнути елементи навігації, змінити їх тип і колір стрілок можна в розділі адмін панелі Сайт → Дизайн → Редактор дизайну, пункт Загальні налаштування, вкладка Блоки та навігація, підпункт Навігація у банерах.