Заглавката на сайта е блок, който присъства на всички страници на сайта. По същество това е първото нещо, което клиентът забелязва, когато търси информация за магазина, затова е важно заглавката да бъде визуално привлекателна и удобна за посетителите на сайта.

Можете да конфигурирате структурата и визуалното представяне на този блок в Уебсайт → Дизайн → Редактор на дизайна → блок Header.

Разделът с настройките на заглавката съдържа няколко раздела, в които можете да конфигурирате разположението на елементите на интерфейса, техния визуален стил и визуалния стил на блоковете на заглавката.

Quantity badge показват броя на продуктите, изобразявани в елементите на заглавката, като любими, списък за сравнение и количката.
В панела Header Style можете да настроите фона на иконата и цвета на числото, показано вътре.

В първия таб Header Style можете да фиксирате заглавката при скролиране, като отметнете чекбокса Sticky header.

На изображението по-долу можете да видите схематично представяне на заглавката на сайта в Cartum.

Заглавката се състои от три хоризонтални линии, всяка от които съдържа няколко секции.

Секциите заемат определена позиция в линията и отговарят за подравняването на компонентите вътре.

Горната и долната линия съдържат по три секции. Основната линия съдържа четири секции, една от които е с двойна височина, което позволява елементите да се подреждат в два реда.

За да разберете по-добре как изглеждат линиите на структурата, предоставяме пример на реална заглавка на сайт със схематично наслагване на линиите.

За всяка линия на заглавката можете да конфигурирате нейния визуален стил: височина, фон, цвят на елементите, вътрешни отстъпи и т.н. Всички налични настройки могат да се видят в съответния таб.

На екранните снимки по-долу можете да видите настройките на заглавката на един от дизайните от нашата галерия с дизайни. Там можете да намерите и други варианти за оформление на заглавката.

Това е най-широката линия на заглавката, където обикновено се намират големи елементи — лого, работно време, блок с контакти, количка, поле за търсене и т.н.

Конфигурира се в Редактор на дизайна → Header→ таб Main section.

Конфигурира се в Редактор на дизайна → Header→ таб Top section.

Конфигурира се в Редактор на дизайна → Header→ таб Bottom section.

Можете да включвате и изключвате елементи на интерфейса в заглавката, както и да променяте разположението им в заглавката в Редактор на дизайна → Header в таба Header layout.

Тук предоставяме пример за разположение на елементите, което съответства на заглавката от примера. Някои елементи са изключени и няма да се показват.

Елементите, поставени в двойната секция, ще се подравняват по левия край, а тези, добавени в различни части на двойната секция, се подреждат в два реда — един под друг.

Елементите в единична централна секция ще се подравняват по центъра.

Ако искате да промените разположението на конкретен елемент в заглавката, просто го плъзнете в желаната секция и запазете промените.

В редактора на дизайна можете да променяте стила на показване на даден елемент. За всеки елемент на заглавката са налични допълнителни настройки, до които можете да получите достъп, като разгънете неговия панел.

Още примери за различни оформления на заглавката, визуален дизайн на линиите и разположение на елементите можете да видите в нашата Галерия с дизайни.

Всички налични елементи на заглавката на сайта:

Визуалното представяне и разположението на елементите в заглавката на мобилната версия се конфигурират отделно