Кастомизация компонента «хлебные крошки» в Битрикс

Чтобы добавить на страницу компонент «хлебные крошки» (bitrix:breadcrumb), необходимо открыть страницу (либо шаблон сайта), затем в визуальном редакторе добавить элемент Служебные→Навигация→Навигационная цепочка.

По умолчанию, в компоненте будет использован стандартный шаблон, который скорее всего, не будет полностью соответствовать требуемому виду, т. к. в данном шаблоне последний пункт в цепочке навигации будет являться ссылкой, а также внешний вид будет не совсем отвечать требованиям дизайна, поэтому шаблон компонента необходимо кастомизировать.

Для этого нужно перейти в режим редактирования и скопировать шаблон компонента в используемый шаблон сайта. Вот примерный код кастомизированного шаблон компонента:

<?
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
//delayed function must return a string
__IncludeLang(dirname(__FILE__).'/lang/'.LANGUAGE_ID.'/'.basename(__FILE__));
$curPage = $GLOBALS['APPLICATION']->GetCurPage($get_index_page=false);
if ($curPage != SITE_DIR)
{
   if (empty($arResult) || $curPage != $arResult[count($arResult)-1]['LINK'])
      $arResult[] = array('TITLE' =>  htmlspecialcharsback($GLOBALS['APPLICATION']->GetTitle(false, true)), 'LINK' => $curPage);
}
if(empty($arResult))
   return "";
$strReturn = '<div class="Breadcrumbs"><a title="'.GetMessage('BREADCRUMB_MAIN').'" href="'.SITE_DIR.'">Главная</a>';
for($index = 0, $itemSize = count($arResult); $index < $itemSize; $index++)
{
   $strReturn .= ' <span class="Del">&raquo;</span> ';

   $title = htmlspecialcharsex($arResult[$index]["TITLE"]);
   
   if($arResult[$index]["LINK"] <> ""&&$index<(count($arResult)-1))
      $strReturn .= '<a href="'.$arResult[$index]["LINK"].'" title="'.$title.'">'.$title.'</a>';
   else
      $strReturn .= '<span>'.$title.'</span>';
}
$strReturn .= '</div>';
return $strReturn;
?>

Далее изменяем код вызова компонента хлебные крошки «START_FROM» => «0» на «START_FROM» => «1», чтобы избежать дублирования ссылки главная.
Пример кода:

<?$APPLICATION->IncludeComponent("bitrix:breadcrumb", "breadcrumb", array(
   "START_FROM" => "1",
   "PATH" => "",
   "SITE_ID" => "-"
   ),
false
);?>