Общие сведения > Шаблон

Редактор GitHub

Шаблон дизайна Битрикс24

Table of Contents

В 1С-Битрикс:Управление сайтом шаблон является частью решения поставляемого разработчиком и может быть исправлен или доработан по решению разработчика в любой момент.

Шаблон дизайна - это внешний вид сайта, в котором определяется расположение различных элементов на сайте, художественный стиль и способ отображения страниц. Включает в себя программный html-код, графические элементы, таблицы стилей, дополнительные файлы для отображения контента. Может также включать в себя шаблоны компонентов, шаблоны готовых страниц и сниппеты.

Битрикс24 поставляется вместе с единым системным шаблоном и он является частью решения и не подлежит изменению или копированию.

Строго говоря, изменять системный шаблон это один из последних подходов которые только можно использовать. Крайне не рекомендуется копировать его в директорию local

Визуализация

Из статьи о страницах нам уже известно о наличии технических частей - шапки и подвала и вот как представляют разделение в документации по фреймворку:

Разметка БУС

На данном скриншоте цифрой 1 (или красной областью) обозначена шапка, цифрой 2 - рабочая область, а цифрой 3 - подвал.

Данная схема совершенно логично смотрится в 1С-Битрикс: Управление сайтом, однако при рассмотрении Битрикс24 все становится немного сложнее: например для главной страницы продукта будет актуальна следующая разметка: Размеченный Битрикс24

Расшифровка цветовой индикации:

  • Красный - шапка
  • Желтый - подвал
  • Зеленый - рабочая область
  • Синий - дополнительные элементы

Откуда в этой схеме взялся дополнительный цвет?

Битрикс24 активно использует механизм отложенных функций, поэтому преставление на странице иногда бывает не очень наглядным. Для описания данного поведения мы не можем отнести его в ту или иную область, потому что их вызов может быть в одной части страницы, а фактическое отображение блока может быть в другом месте.

На рассматриваемой главной странице к таким частям можно отнеси:

  • Панель виджетов (Онлайн, Пуль, Задачи, Мобильное приложение и др.)
  • Панель Веб-мессенджера (Уведомления, Открытые линии, Поиск, Чаты, Звонки)