Меню KDT

Виджет "Breadcrumbs (хлебные крошки)"

Где требуется отобразить "хлебные крошки" (breadcrumbs) нужно прописать следующее:

<!-- Breadcrumbs -->
<section class="breadcrumb">
	<div class="container">
		<ul>
			<li class="breadcrumb-item"><a href="{{link('/')}}">Главная</a></li>
			{% set breadcrumbs = cmsGetBreadcrumbs({pkid: page.pkid}) %}
			{% set breadcrumbcnt = 0 %}
			{% for breadcrumb in breadcrumbs %}
				{% set breadcrumbcnt = breadcrumbcnt + 1 %}
				{% if breadcrumbcnt != breadcrumbs | length %}
					<li class="breadcrumb-item"><a href="{{link(breadcrumb.uri)}}">{{breadcrumb.name}}</a></li>
				{% else %}
					<li class="breadcrumb-item"><span class="active-breadcrumb">{{breadcrumb.name}}</span></li>
				{% endif %}
			{% endfor %}
		</ul>
	</div>
</section>

CSS код:

/* Breadcrumbs */
#wrapper .breadcrumb {
	margin: 20px 0 50px;
}
#wrapper .breadcrumb ul {
	padding: 10px 15px;
	border-radius: 4px;
	border: 1px solid #f4f4f7;
}
#wrapper .breadcrumb .breadcrumb-item {
	display: inline-block;
}
#wrapper .breadcrumb-item:not(:last-child):after {
	content: "/";
	margin: 0 10px;
}
#wrapper .breadcrumb .active-breadcrumb {
	color: #95a5a6;
}
Код обязательно должен обладать отступом (tabs).