2020-12-06 13:56:46 +01:00

54 lines
2.5 KiB
HTML

<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:if condition="{breadcrumb}">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
<f:for each="{breadcrumb}" as="item" iteration="iterator">
<f:if condition="!{iterator.isFirst}">
{
"@type": "ListItem",
"position": "<f:format.raw>{iterator.index}</f:format.raw>",
"item": {
"@id": "<f:format.raw>{item.data.slug}</f:format.raw>",
"name": "<f:format.raw>{item.title}</f:format.raw>"
}
}<f:if condition="!{iterator.isLast}">,</f:if>
</f:if>
</f:for>
]
}
</script>
<nav id="breadcrumb-section" aria-label="{f:translate(key: 'page.breadcrumb.label', extensionName: 'site_package_base')}">
<f:if condition="{settings.navigation.breadcrumb.showPrefix}">
<span class="breadcrumb-prefix">{f:translate(key: 'page.breadcrumb.prefix', extensionName: 'site_package_base')}: </span>
</f:if>
<ol class="breadcrumb">
<f:for each="{breadcrumb}" as="item">
<li class="breadcrumb-item{f:if(condition: item.current, then: ' active')}"{f:if(condition: item.current, then: ' aria-current="page"')}>
<f:if condition="{item.current} && {breadcrumbSingleRecordEntry} == ''">
<f:then>
{item.title}
</f:then>
<f:else>
<a class="breadcrumb-link" href="{item.link}"{f:if(condition: item.target, then: ' target="{item.target}"')} title="{item.title}">
{item.title}
</a>
</f:else>
</f:if>
</li>
</f:for>
<f:comment>
The following area allows us to display the title of a single record (like tx_news detail page).
</f:comment>
<f:if condition="{breadcrumbSingleRecordEntry}">
<li class="breadcrumb-item active" aria-current="page">
{breadcrumbSingleRecordEntry}
</li>
</f:if>
</ol>
</nav>
</f:if>
</html>