Как сделать полную кастомизацию верхней полоски сайта (customHeader)

Разметка верхней полоски задается в GetLayout SELECT 1 в параметре CustomHeader.

В разметку можно вставлять дополнительно переменные, которые при рендеринге страницы будут заменяться на следующие элементы: 

  • {mainLogo} - лого и название сайта 
  • {topSidebarToggleButton} - кнопка сворачивания мобильного меню
  • {breadcrumb} - хлебные крошки
  • {menuHorizontal} - горизонтальное меню
  • {fastAddForms} - меню быстрых действий
  • {search} - поиск
  • {seachMobile} - поиск под мобильный
  • {alerts} - иконка меню уведомлений
  • {messages} - иконка сообщений
  • {divider} - вертикальный разделитель в элементах 
  • {balance} - состояние баланса
  • {cart} - корзина 
  • {lang} - переключение языков
  • {user} - меню пользователя

Разметку для CustomHeader указывать лучше не прямо в GetLayout, а генерировать через HTML блок. 

CustomHeader не влияет на левую колонку меню (логотип принадлежит именно левой колонке, а не верхней полоске). Если необходимо его скрыть, то используйте либо CSS либо HideLeftCol (если не нужна вся колонка). 

Есть параметры topMakeup и topMakeupMobile в GetLayout. Они отличаются от CustomHeader тем, что задают только разметку внутри списка иконок после поиска (и позволяют настроить разную верстку для мобильного и настольного вида).

  

Пример кастомизации панели на демостенде  - https://demo.web-automation.ru/list/watch/kastom-verkhney-paneli-sayta---85

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Falcon Space

Это снижение стоимости владения

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

Это быстрое внесение изменений

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

адаптация под мобильные устройства. Про юзабилити платформы

Задать вопрос, обсудить проект
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.