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

Как правильно подключить css и js в 1С-Bitrix?

Подключение стилей и скриптов в Битриксе
Advego - наполнение сайтов информацией
Advego - наполнение сайтов информацией
Advego - наполнение сайтов информацией

Зачем подключать скрипты через 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");
Advego - система покупки и продажи контента для сайтов, форумов и блогов
Advego - система покупки и продажи контента для сайтов, форумов и блогов
Advego - система покупки и продажи контента для сайтов, форумов и блогов