Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"

Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"

16 октября 2024


Автор: EPIR
Фото 1: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»


Шапка сайта - это первый элемент, на который обращают внимание посетители, впервые попав на ваш сайт.
В решениях EPIR в разделе настроек "Шапка сайта" настраивается вывод ключевых навигационных компонентов сайта.

В данной статье рассказываем про возможности, способы настройки и варианты отображения этих компонентов в публичной части сайта в решениях  "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг".
Фото 2: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»Фото 3: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»

После быстрого выбора конфигураций дизайна можно перейти к точной настройке

Настройку можно производить как в Конструкторе,

Фото 4: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
так и в административной части сайта (EPIR ->> Настройки)

Фото 5: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
Фото 6: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
Фото 7: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»

Положение главного меню

Главное меню может располагаться как поверх главного баннера, так и над ним. За это отвечает переключатель "Над баннером"

Вариант расположения меню поверх баннера соответствует отключенному переключателю в Конструкторе или снятой отметки в чекбоксе "Над баннером" в административной части:

Фото 8: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
Вариант расположения меню над баннером соответствует включенному переключателю в Конструкторе или поставленной отметке в чекбоксе "Над баннером" в административной части:

Фото 9: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»

Ширина меню

Следующая настройка - переключатель "По ширине экрана". Он отвечает за настройку ширины меню.

Вариант меню по ширине экрана соответствует включенному переключателю в Конструкторе или поставленной отметке в чекбоксе "По ширине экрана" в административной части:

Фото 10: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
Вариант меню по ширине экрана соответствует отключенному переключателю в Конструкторе или поставленной отметке в чекбоксе "По ширине экрана" в административной части:

Фото 11: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»


Наличие меню при прокрутке страницы

При включенном переключателе в Конструкторе или поставленной отметке в чекбоксе "Фиксированная шапка" в административной части при прокрутке страницы меню будет оставаться в верхней части страницы,

Фото 12: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»

иначе оно будет скрываться вверх за видимую часть экрана вместе с прокручиваемой частью страницы сайта.


Фон меню

Меню может располагаться на прозрачной, белой и цветной плашке.

Для выбора одного из вариантов нужно сделать активной (выделить) соответствующий вариант в Конструкторе,

Фото 13: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»

либо выбрать из списка в административной части сайта (EPIR ->> Настройки)

Фото 14: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
Соответственно, меню приобретает следующий вид:
  • на прозрачной плашке
Фото 15: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
  • на белой плашке
Фото 16: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
  • на цветной плашке (используется основной цвет, выбранный в настройках сайта в разделе "Общие")
Фото 17: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»


Начертание шрифта главного меню

Начертание главного меню можно сделать регулярным или жирным шрифтом.

Для того, чтобы вывести меню жирным шрифтом нужно включить переключатель в Конструкторе или поставить отметку в чекбоксе "Главное меню жирным шрифтом".

  • Вариант меню регулярным шрифтом:
Фото 18: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
  • Вариант меню жирным шрифтом:
Фото 19: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»


Заказать звонок

При необходимости можно выключить кнопку "Заказать звонок" в шапке сайта. Для этого воспользуйтесь соответствующим выключателем в Конструкторе или снимите отметку в чекбоксе в Административной части. В этом случае шапка сайта без кнопки "Заказать звонок" будет выглядеть следующим образом (один из 4-х вариантов шапки):

Фото 20: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»


Варианты вида шапки сайта

Можно выбрать 4 варианта вида шапки сайта, различающихся расположением элементов. Их можно выбрать либо в Конструкторе,

Фото 21: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»

либо выбрав из списка в Административной части сайта:

Фото 22: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
  • Вариант "Шапка 1" имеет вид:
Фото 23: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
  • Вариант "Шапка 2" имеет вид:
Фото 24: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
  • Вариант "Шапка 3" имеет вид:
Фото 25: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»
  • Вариант "Шапка 4" имеет вид:
Фото 26: «Настройка шапки сайта (хедера) в решениях "EPIR: Корпоративный сайт с каталогом" и "EPIR: Корпоративный сайт услуг"»

Документацию по решениям EPIR можно найти на портале поддержки нашей компании.