Для подключения стилей в Bitrix используется специальный механизм, который позволяет управлять этим процессом.
1. Создание файла со стилями:
- В административной части Bitrix перейдите в раздел "Настройки - Настройки продукта - Настройки внешнего вида - Редактор CSS и JavaScript".
- Выберите нужное вам приложение, например, "Контент".
- Нажмите на кнопку "Создать новый файл".
- Задайте имя файла, например, "main.css".
- Добавьте необходимые стили в новый файл.
2. Подключение стилей на страницу:
- В шаблоне сайта откройте файл, в который хотите вставить ссылку на подключение стилей.
- Вставьте следующий код:
$APPLICATION->SetAdditionalCSS("/путь/к/файлу/main.css");
Замените "/путь/к/файлу/main.css" на путь к файлу со стилями, относительно корня сайта.
3. Изменение порядка подключения стилей:
- В административной части Bitrix перейдите в раздел "Настройки - Настройки продукта - Настройки внешнего вида - Редактор CSS и JavaScript".
- Выберите нужное вам приложение, например, "Контент".
- В списке файлов найдите необходимый файл со стилями и нажмите на него.
- Перетащите файл в нужное вам место в списке. Первые файлы будут подключены раньше последних.
4. Подключение стилей на административные страницы:
- В административной части Bitrix откройте нужный модуль.
- В файле main.menu.php или left.menu.php, в зависимости от того, куда вы хотите добавить стили, добавьте следующий код:
$GLOBALS['APPLICATION']->SetAdditionalCSS("/путь/к/файлу/main.css");
Замените "/путь/к/файлу/main.css" на путь к файлу со стилями, относительно корня сайта.
Таким образом, вы сможете подключать стили в Bitrix и управлять порядком их подключения.