Шапка сайта или Header (хедер, хидер) — это самая верхняя часть сайта, которая отображается на каждой странице. Здесь, как правило, добавляют логотип, меню, корзину и контакты. На сайтах vigbo разместить контакты (телефон, адрес или e-mail) можно в Инфополосу. Вариант отображения показан на картинке:
Рассмотрим настройку пошагово.
1. Перейдите в раздел Оформление > Инфополоса в системе управления вашего сайта.
2. Добавьте номер телефона в текстовом редакторе и настройте оформление Инфополосы: цвет фона, отступы сверху и снизу. Отключите также отображение крестика для скрытия информационной полосы. В этом случае посетитель вашего сайта всегда будет иметь возможность посмотреть ваши контакты.
3. Сделайте номер телефона активным следуя руководству Как сделать активным номер телефона? Это позволит совершить звонок с мобильного устройства по нажатию на номер не покидая сайт.
4. Включите отображение Инфополосы на сайте и сохраните настройки.
Проверьте отображение, перейдя на сайт.
5. Дополнительно вы можете добавить настройку, которая зафиксирует Инфополосу с контактами. Тогда при прокрутке страницы информация с вашими контактами будет всегда оставаться в верхней части экрана.
Для этого скопируйте полностью код:
.is--infoline-visible .md-infoline {
position: sticky;
z-index: 100;
}
И добавьте его в разделе Настройки > CSS-стили. Вот так: