Чтобы добавить на страницу компонент «хлебные крошки» (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">»</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 );?>