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

Сьогодні хочемо поділитися з вами корисним і дуже простим API, яке є продуктом 1С-бітрікс і заслуговує на окрему увагу і про який, напевно, ще не всі знають. У шаблоні API доступні не обов'язкові файли, для реалізації та оформлення front-end логіки компонента

- style.css, - визначає стилі, які необхідні представленому шаблону
- script.js, який визначає та підключає javascrits, які необхідні даному шаблону.

Але, як ви вже, напевно, стикалися, не завжди їх вистачає.
Тому для підключення кастомних скриптів, що знаходяться поза компонентом, або стилів можна використовувати кілька методів:

• • Інлайнове підключення у шаблоні, що виглядає не зовсім професійно

• 
  
• <li nk="" href="/local/styles.css" type="text/css" rel="stylesheet">
  
• 
  
• • Підключити в компоненті (що пов'язано з наявністю пастки кешування в шаблоні), що виглядає ще більш непрофесійно, ніж у першому способі
• 
  

  $APPLICATION->SetAdditionalCss("/local/styles.css");

• 
  

• • Для тих, хто знайомий з пристроєм компонента, можна використовувати застарілий спосіб, що є архітектурно правильним
• 
  

  Необхідно створитиcomponent_epilog.php: global $APPLICATION;
  $APPLICATION->SetAdditionalCss("/local/styles.css");

  
  
• • І наостанок найпростіший і найправильніший спосіб в template.php:
• 
   

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

Як бонус ви отримаєте не лише підключення, а й кешування поточного,
а також батьківського шаблонів. Незалежно від кешу, файли завжди будуть з шаблоном.