Legacy. Нюансы работы с модулем
В этой статье описаны важные нюансы, которые стоит учитывать, начиная работу с модулем.
Важно
Модуль «Брендирование» поддерживает две версии интерфейса Битрикс24: необновленную, под названием «Legacy» (до версии модуля intranet 25.900.0) и обновленную, под названием «Зефир» (после обновления intranet 25.900.0). Так как в обновлении «Зефир» интерфейс Битрикс24 был значительно изменен, модуль «Брендирование» в этом интерфейсе также выглядит иначе, чем в «Legacy». В связи с этим работа с Брендированием для дизайна «Зефир» и «Legacy» описана в этой инструкции в разных статьях.
В этой статье описаны нюансы работы с Брендированием в дизайне «Legacy». О нюансах работы Брендирования в дизайне «Зефир» написано здесь.
Два способа работы с модулем
Изменить дизайн портала с помощью Брендирования можно двумя способами: настроить каждый стиль прямо в модуле или создать дизайн в Figma и загрузить его в модуль. Рассмотрим, в каких ситуациях подойдет первый или второй способ.
Настройка стилей в модуле
В данном случае администратор должен настраивать каждый параметр (цвет, шрифт, обводку и т.д.) по отдельности, переходя в нужные разделы модуля. Такой способ удобен, если на портале нужно внести минимальные изменения, например поменять цвет у виджетов или задать новый шрифт.

Кроме того, есть элементы дизайна, которые можно задать только через модуль — загрузить их из Figma нельзя. К таким настройкам относятся:
-
Все настройки раздела «Авторизация»
-
Стили текста (сделать все буквы заглавными, всегда начинать с заглавной буквы и тому подобное)
-
Скрыть/показать виджеты
-
Загружаемые элементы, такие как фавикон и наборы иконок
Создание дизайна в Figma
Если в дизайне портала планируются глобальные изменения, то удобнее будет использовать графический редактор Figma. Этот сервис позволит оперативно визуализировать новое оформление портала. Чтобы создать свой дизайн воспользуйтесь интерактивным макетом, который подготовил Улей: [S] Брендирование Б24 / Конструктор "Classic"

Интерфейс Figma дает больше возможностей для настройки цвета, позволяет мгновенно отслеживать изменения стилей, а также создавать копии макетов — это важно, если требуется несколько вариантов дизайна. Когда дизайн будет создан, его можно будет скачать из Figma и загрузить в модуль «Брендирование» — новые стили сразу же отобразятся на портале.
Как работать с шаблоном в Figma
Как загрузить файл из Figma на портал
При каких условиях виден дизайн портала
В дизайне «Legacy» модуль «Брендирование» работает только с классическими темами портала: «Битрикс 24» и «Битрикс24 с узором». Это значит, что одна из этих тем установлена у пользователя, он будет видеть то оформление портала, которое создано с помощью модуля.
Как установить тему портала для всех сотрудников

Если пользователь установит себе другую тему, то его оформление портала изменится в соответствии с этой темой. Настройки, созданные в модуле «Брендирование» в этом случае отображаться не будут. Это касается практически всех настроек: шрифтов, цветов, отображения блоков и так далее.
Исключение составляют: настройки из раздела «Авторизация» и загружаемые элементы, такие как фавикон, логотип и наборы иконок. Такие элементы будут отображаться у всех пользователей независимо от их темы портала.

У пользователя включена классическая тема портала. Корпоративный дизайн виден

У пользователя включена не классическая тема портала. Корпоративный дизайн не виден
Доступные шрифты
Модуль «Брендирование» позволяет менять шрифт на корпоративном портале. При этом важно учитывать, что Битрикс24 поддерживает только 4 шрифта:
-
family-system
-
system-mono
-
helvetica
-
open-sans

С помощью модуля «Брендирование» на портале можно установить только любой из этих четырех шрифтов. Эти же шрифты стоит использовать при работе с макетом в Figma. Другие виды шрифтов Битрикс24 не поддерживает, поэтому они не будут отображаться на портале.
Как вернуть стандартные настройки стилей
Изменения, созданные в модуле «Брендирование» в любой момент можно отменить. Для этого есть несколько способов.
- Отключить модуль. Перейдите в раздел «Настройки» и активируйте опцию «Выключить работу модуля». После этого портал вернется к тому виду, каким был до установки модуля. Загруженные элементы, например, фавикон и наборы иконок, также не будут отображаться. Чтобы вернуть дизайн портала, включите модуль.

- Сбросить все настройки. Перейдите в раздел «Настройки», нажмите кнопку «Сбросить» и подтвердите действие. Портал также вернется к тому виду, каким был до установки модуля. Загруженные элементы, например, фавикон и наборы иконок, будут стерты.
Предварительно текущие настройки стилей можно скачать с помощью кнопки «Экспортировать». Это позволит не потерять дизайн портала, если он понадобится в будущем.