adaptivetheme-8.x-3.x-dev/at_core/templates/navigation/breadcrumb.html.twig
at_core/templates/navigation/breadcrumb.html.twig
{#
/**
* @file
* Theme override for a breadcrumb trail.
*
* Available variables:
* - breadcrumb: Breadcrumb trail items.
*/
#}
{% if breadcrumb -%}
{{ attach_library('at_core/at.responsivelists') }}
{%
set classes = [
'breadcrumb',
breadcrumb_label ? 'has-title',
]
%}
{%
set title_classes = [
breadcrumb_label ? 'is-responsive__item' : 'visually-hidden',
'breadcrumb__title',
]
%}
<div{{ attributes.addClass(classes) }}>
<nav class="is-responsive is-horizontal" data-at-responsive-list>
<div class="is-responsive__list">
<h3{{ title_attributes.addClass(title_classes) }}>{{ breadcrumb_label_value }}</h3>
<ol class="breadcrumb__list">
{%- for item in breadcrumb -%}
{%- if breadcrumb_item_length > 0 -%}
{%- set item_text = item.text|length > breadcrumb_item_length ? item.text|slice(0, breadcrumb_item_length) ~ '...' : item.text -%}
{%- else -%}
{%- set item_text = item.text -%}
{%- endif -%}
<li class="breadcrumb__list-item is-responsive__item">
{%- if item.url -%}
<a href="{{ item.url }}" class="breadcrumb__link">{{ item_text }}</a>
{%- else -%}
<span class="breadcrumb__link">{{ item_text }}</span>
{%- endif -%}
</li>
{%- endfor -%}
</ol>
</div>
</nav>
</div>
{%- endif %}
