Подключение стилей и скриптов в Битриксе

Подключение стилей и скриптов в Битриксе

Зачем подключать скрипты через API?

Это нужно для правильной оптимизации сайта. CMS Битрикс умеет самостоятельно объединять и сжимать подключаемые файлы стилей и JS-файлы.

Подключение стилей и скриптов с D7:

use Bitrix\Main\Page\Asset;

// Подключение стилей
Asset::getInstance()->addCss(SITE_TEMPLATE_PATH . "/css/custom.css");

// Подключение скриптов
Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . "/js/custom.js");

// Подключение сторонних файлов
Asset::getInstance()->addString("");

Объединение и сжатие можно подключить в настройках Главного модуля битрикса в админ. панели:

Настройки → Настройки модулей → Главный модуль

Подключение стилей и скриптов в шаблонах компонентов

Если необходимо подключить стили и скрипты в шаблонах компонентов:

$this->addExternalCss("/local/styles.css");
$this->addExternalJS("/local/scripts.js");