Внешний вид сайта — это то, что видит пользователь. В Bitrix шаблоны (templates) определяют, как будут отображаться компоненты. Есть два типа шаблонов: физические и виртуальные.
Физические шаблоны — это папки с файлами `style.css`, `script.js`, `template.php` и картинками. Они лежат в `/bitrix/components/bitrix/название_компонента/.default/`. Вы можете менять их напрямую, но при обновлении системы ваши правки могут потеряться. Поэтому лучше создавать свои шаблоны.
Виртуальные шаблоны — это современный подход. Вы создаете структуру папок в `/local/templates/` или `/bitrix/templates/`, и Bitrix подхватывает их автоматически. Это позволяет легко менять дизайн без риска потерять данные при обновлениях.
Для верстальщика работа с шаблонами Bitrix — это не просто HTML/CSS. Нужно уметь работать с PHP-переменными, которые компонент передает в шаблон. Например, `$arResult['ITEMS']` — это массив товаров. В шаблоне вы делаете цикл `foreach` и выводите их. Также важно помнить о подключении стилей и скриптов: в Bitrix есть свой механизм `AddHeadString` и `AddPanel`, который вставляет код в `
` и под панель админки.