Добавить CSS или JavaScript-файл
Сначала надо убедиться, что между тегами <head>
присутствует метод $APPLICATION->ShowHead()
:
<head> <!-- ... --> <?$APPLICATION->ShowHead();?> <!-- ... --> </head>
В данном месте загружаются CSS и JavaScript-файлы.
Файлы подключаются через следующий код:
// Подключение CSS $APPLICATION->SetAdditionalCSS("/path/style.css"); // Подключение JavaScript $APPLICATION->AddHeadScript("/path/script.js");
Объединять CSS и JavaScript в один файл
Файлы, подключенные через методы SetAdditionalCSS()
и AddHeadScript()
по умолчанию объединяются в один CSS или JS-файл.
Если это не происходит, то надо убедиться, что в Настройки → Настройки продукта → Настройки модулей → Главный модуль в разделе «Оптимизация CSS» отмечены пункты Объединять CSS файлы и Объединять JS файлы.
Объединение нескольо файлов в один позволяет уменьшить количество запросов на сайт, и ускорить загрузку страницы.
Также при изменении CSS или JS-файла, обновится кеш «общего» файла, т.е. у пользователей будет загружаться актуальная версия CSS и JS.
Авторизуйтесь, чтобы добавлять комментарии