Breadcrumb in LTS modern

Hi,

ich habe unseren Shop kürzlich auf LTS modern umgestellt. Beim Breadcrump verzweifle ich aber grade, weil diese Leiste wie auf dem angehängten Bild wirklich fürchterlich aussieht. Hat jemand eine Idee, wie ich zB ausstellen kann, dass neben den Kategorien auch noch der Name des Artikels angezeigt wird oder wie man die ganze Leiste kleiner bekommt? Außerdem stört dieses großschreiben der Buchstaben (zB Zur Startseite Gehen). Ich stoße mit CSS an meine Grenzen. Vielleicht kann mir jemand helfen.

Viele Grüße

Das entsprechende TWIG-Template überschreiben. Da kann man alles so bauen, wie man möchte. Setzt natürlich etwas Kenntnis in TWIG usw. voraus.

Vielen Dank für die Antwort.

Das klingt leider so kompliziert, dass es meine Kenntnisse weit übersteigt. Mit TWIG habe ich mich noch gar nicht beschäftigt und vermutlich gibt’s da auch keine brauchbare Anleitung von Plenty, oder?!

Es gibt wahrscheinlich noch eine alte Anleitung in der Entwickler-Doku. Die sollte man auch adaptieren können. Falls allerdings gar keine Kenntnisse vorhanden sind, rate ich nicht unbedingt dazu, dass man da rangeht. Es gibt durchaus ein paar Sachen zu beachten.

Falls man sich doch herantraut, dann unbedingt immer und ausnahmslos in einer Plugin-Set-Kopie arbeiten. Nie (ich meine NIE) im aktuellen Live-Plugin-Set.

CSS-Way

Text mit ordentlicher Groß-klein-Schreibung

.breadcrumb-item a, .breadcrumb-item span {
    text-transform: initial !important;
}

Immer die letzte Kategorie oder den Produktnamen ausblenden:

.breadcrumb-item:last-child {
display: none;
}

nur auf Produkt-Ebene

.page-singleitem .breadcrumb-item:last-child {
display: none;
}

Evtl. Link teilen, wenn das nicht klappt, da gegebenen Falles die Selektoren angepasst werden müssen

Wow, wie easy war das denn?! Es hat geklappt.

Tausend Dank!!!

1 „Gefällt mir“