Вузький банер над шапкою відображається на всіх сторінках сайту та допомагає привернути додаткову увагу до акцій, розпродажів та іншої важливої інформації.
Приклади банерів над шапкою сайту
Як додати банер над шапкою
Перейдіть до розділу Сайт → Банери та натисніть кнопку Додати.
У полі Сторінка виберіть Усі сторінки.
Налаштуйте вміст банера та натисніть Зберегти.
Особливості деяких налаштувань
Зображення — картинка для фону, розміщується по центру банера, на вузьких екранах обрізається.
Текст — текст на банері, підтримує HTML та CSS.
Висота — висота банера: 30, 40 або 50 пікселів. На мобільній версії висота автоматично збільшується, якщо текст на банері не міститься в один рядок.
Відображати банер на версії сайту — показувати банер лише на десктопній версії, лише на мобільній або скрізь. Використовуйте це налаштування, щоб створити два різні банери під кожну версію сайту.
Відображати кнопку закриття — якщо увімкнено, відвідувач сайту зможе приховати банер, після чого він більше не з'явиться.
Банер на мобільній версії
На мобільній версії банер відображається під шапкою : він залишається помітним, а шапка не зміщується зі звичного для користувача місця на екрані. Це важливо для комфортного використання сайту.
Проєктуючи банер, подбайте про те, щоб він був зрозумілим та читабельним на мобільній версії. Рекомендуємо кілька варіантів вирішення цього завдання.
Встановіть контент банера текстом. На мобільній версії текст не обріжеться, а перенесеться на новий рядок. При цьому банер може розтягуватись по висоті.
Спроєктуйте макет так, щоб важливий контент містився по ширині екрана смартфона. Зображення обріжеться з обох боків, але контент залишиться читабельним.
Створити окремий банер для мобільної версії. В налаштуваннях цього банеру вкажіть, щоб він відображався тільки на мобільній версії, а оригінальний банер — тільки на робочому столі (налаштування Відображати банер на версії сайту).
Порядок відображення банерів
Над шапкою може відображатися лише один банер – той, який розташовано найвище у розділі Сайт→ Банери в адмін панелі.
Але якщо у першого за пріоритетом банера увімкнено кнопку закриття, тоді після того, як цей банер буде приховано, відвідувач сайту побачить наступний (після перезавантаження сторінки або переходу на іншу сторінку).
Читайте також