Тесен банер над хедъра се показва на всички страници на сайта и помага да привлечете допълнително внимание към промоции, разпродажби и друга важна информация.
Примери за банери над хедъра на сайта
Моля, обърнете внимание: Създадохме нов интерфейс за управление на банери и постепенно обновяваме магазините на нашите клиенти.
Следващите инструкции важат както за стария, така и за новия интерфейс.
Как да добавите банер над хедъра
Нов интерфейс:
Отидете в секцията Уебсайт → Банери, изберете таба Header и кликнете + New banner.
Настройте съдържанието на банера и кликнете Save.
Подробности за някои настройки:
Height — височината на банера: S (30 пиксела), M (40 пиксела) или L (50 пиксела). В мобилната версия височината автоматично се увеличава, ако текстът на банера не се побира на един ред — за целта трябва да качите фоново изображение с допълнителна височина.
Show on — показване на банера само в десктоп версията, само в мобилната версия или навсякъде.
Show dismiss button — ако е активирано, посетителят на сайта ще може да скрие
банера, след което той повече няма да се показва.
Text — текстът на банера; поддържа HTML и CSS.
Стар интерфейс:
Отидете в Уебсайт → Банери и кликнете Добавяне.
В полето Страница изберете Всички страници.
Настройте съдържанието на банера, след което кликнете Запази.
Подробности за някои настройки:
Изображение — картинка за фон, разположена в центъра на банера, която се изрязва на тесни екрани.
Текст — текст на банера, поддържа HTML и CSS.
Височина — височината на банера: 30, 40 или 50 пиксела. В мобилната версия височината автоматично се увеличава, ако текстът на банера не се побира на един ред — за целта трябва да качите фоново изображение с допълнителна височина.
Показване на банера на сайта — показване на банера само в десктоп версията, само в мобилната версия или навсякъде. Използвайте тази настройка, за да създадете два различни банера за всяка версия на сайта.
Показване на бутон за затваряне — ако е активирано, посетителят на сайта ще може да скрие банера, след което той повече няма да се показва.
Банер в мобилната версия
В мобилната версия банерът се показва под хедъра: остава видим, а хедърът не се измества от обичайното си място на екрана. Това е важно за удобното използване на сайта.
Когато проектирате банер, уверете се, че той е ясен и четим в мобилната версия. Препоръчваме няколко варианта за решаване на този проблем.
1. Задайте съдържанието на банера като текст. В мобилната версия текстът няма да бъде изрязан, а ще се премести на нов ред. В същото време банерът може да увеличи височината си, ако фоновото изображение е заредено с резерв.
2. Проектирайте оформлението така, че важното съдържание да се побира в ширината на екрана на смартфона. Изображението ще бъде изрязано от двете страни, но съдържанието ще остане четимо.
3. Създайте отделен банер за мобилната версия. В настройките на този банер посочете той да се показва само в мобилната версия, а оригиналният банер да се показва само на десктоп (настройката Показване на банера на ).
Редът на показване на банерите
Над хедъра може да се показва само един банер — този, който се намира най-горе в списъка в секцията на админ панела Уебсайт → Банери → Header (Уебсайт → Банери за стария интерфейс).
Ако обаче за банера с първи приоритет е активиран бутон за затваряне, то след като този банер бъде скрит, посетителят на сайта ще види следващия (след презареждане на страницата или преминаване към друга страница).
