Как сделать полную кастомизацию верхней полоски сайта (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
Google поиск по нашей документации
- Руководства
- Основа Falcon Space
- Основные компоненты
- Возможности
- Коммуникация с пользователем
- Дизайн, стилизация Панели с тенью и со скруглением Добавление анимации Как стилизовать иконку Ограничения по изменению дизайна Изменение стилизации через CSS HOWTO. Анимация элементов. Как работать с анимацией HOWTO. Как сделать анимацию иконок HOWTO. Как создать новую тему дизайна сайта Как сделать липкую панель сверху страницы CSS. Как внедрить свои стили CSS на каждой странице портала CSS. Кастомные CSS файлы Руководство по юзабилити сайтов на базе Falcon Space. Как улучшить свой сайт Как улучшить внешний вид личного кабинета на сайте - элементы стилизации в разметке страниц Falcon Space Создание редактируемого лендинга через механизм Ленды Как внедрить форму настроек внешнего вида сайта Страницы. Как внедрить лендинг со своим шаблоном и стилями Как внедрять готовую верстку в страницу Верстка. Как внедрить новый шрифт в проект CSS. Как через CSS управлять стилями конкретных страниц Кастом разметка верхней панели (TopMakeup) Как поменять степень затемнения фона у диалогового окна Верстка. Как поменять столбцы местами на смартфоне Управление анимацией для форм, таблиц Как сделать основное меню горизонтальным Как сделать основное меню белым Управление иконкой в окне alert справа вверху окна Как сделать полную кастомизацию верхней полоски сайта (customHeader) Как сделать дизайн сайта со скругленными элементами (или без скруглений) Вывод на экран денежных сумм (отображение рублей, валюты) - as-money Как увеличить картинку на странице Визуализация воронки на основе данных
- API, Интеграции
- Каталоги
- Навигация
- Документы
- Дополнительные компоненты
- Продвижение, SEO
- Системные моменты
- HOWTO
- HOWTO Таблицы
- HOWTO Формы
- Работа с SQL
- HOWTO JS
- HOWTO Верстка
- Решение проблем
Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом
Это быстрое внесение изменений
по ходу эксплуатации программы. Как создается функционал на платформе
Это простой удобный интерфейс
адаптация под мобильные устройства. Про юзабилити платформы