pdoCrumbs und Bootstrap Breadcrumbs

pdoCrumbs

Breadcrumbs helfen bei der Orientierung auf der Website. Die Breadcrumbs auf meiner Website habe ich wie folgt erstellt:

[[!pdoCrumbs?
    &showHome=`1`
    &tpl=`pdo_crumbs_tpl`
    &tplWrapper=`pdo_crumbs_tplWrapper`
]]

In diesem Beispiel werden Breadcrumbs zur Startseite erzeugt:

&showHome=`1`

Kombination mit Bootstrap Breadcrumbs

Hierzu legen wir zwei Chunks mit folgendem Code an:

&tpl=`pdo_crumbs_tpl`

<li class="breadcrumb-item">
        <a href="[[+link]]">[[+menutitle]]</a>
</li>

&tplWrapper=`pdo_crumbs_tplWrapper`

<div class="breadcrumbs">
    <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
        <ol class="breadcrumb">
             [[+output]]
        </ol>
    </nav>
</div>

Für den Style nutzen wir die die Klassen aus Bootstrap.

Das Ergebnis