Konfiguration

---

Breadcrumb anzeigen (Startseite)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

Beispiel Wert: nicht anzeigen

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb"

Technischer Name: twt-breadcrumb-show-home

---

Breadcrumb anzeigen (CMS-Shopseiten)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

Beispiel Wert: anzeigen (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb"

Technischer Name: twt-breadcrumb-show-cms-shop-pages

---

Breadcrumb anzeigen (CMS-Landingpages)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

Beispiel Wert: anzeigen (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb"

Technischer Name: twt-breadcrumb-show-cms-landing-pages

---

Breadcrumb anzeigen (CMS-Kategorieseiten)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

Beispiel Wert: anzeigen (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb"

Technischer Name: twt-breadcrumb-show-cms-category-pages

---

Breadcrumb anzeigen (CMS-Produktseite)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

Beispiel Wert: anzeigen (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb"

Technischer Name: twt-breadcrumb-show-cms-product-pages

---

Breadcrumb anzeigen (Produktseite)

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen • anzeigen

Beispiel Wert: anzeigen

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb"

Technischer Name: twt-breadcrumb-show-product-detail

Deprecated: Diese Konfiguration ist veraltet und wird mit einem kommenden Update entfernt.

Basiskonfiguration

---

Darstellungsart

Feldtyp: Auswahlfeld

Verfügbare Werte: • Links (Standard) • Links mit Hintergrundfarbe • Buttons

Beispiel Wert: Links (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-breadcrumb-style

Links Links und Trennzeichen.

Links mit Hintergrundfarbe Links und Trennzeichen mit einem farbigen Hintergrund.

Buttons Links als Buttons, ohne Trennzeichen.

---

Darstellungsart (Trennzeichen)

Feldtyp: Auswahlfeld

Verfügbare Werte: • Chevron (Standard) • Doppel-Chevron • Pfeil • Schrägstrich • Punkt • senkrechter Strich • Bindestrich

Beispiel Wert: Chevron (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-breadcrumb-separator-style

---

Zusatzinformationen

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht anzeigen (Standard) • Home-Icon anzeigen • Home-Link anzeigen • Text anzeigen ("Sie sind hier:") • Text und Home-Icon anzeigen • Text und Home-Link anzeigen

Beispiel Wert: nicht anzeigen (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Basiskonfiguration"

Technischer Name: twt-breadcrumb-further-information

Um den Text "Sie sind hier:" zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.breadcrumb.furtherInformation

Um den Text "Home-Link" zu bearbeiten nutze bitte den Textbaustein: general.homeLink

Farbkonfiguration

---

Textfarbe (Zusatzinformationen)

Feldtyp: Farbauswahl

Beispiel Wert: #999999

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-breadcrumb-text-color

---

Linkfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #999999

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-breadcrumb-link-color

---

Linkfarbe @active

Feldtyp: Farbauswahl

Beispiel Wert: $sw-color-brand-primary

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-breadcrumb-link-active-color

---

Iconfarbe (Trennzeichen)

Feldtyp: Farbauswahl

Beispiel Wert: #999999

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Farbkonfiguration"

Technischer Name: twt-breadcrumb-divider-color

Breadcrumb-Container

---

Container-Styling

Feldtyp: Auswahlfeld

Verfügbare Werte: • kein Container-Styling (Standard) • ThemeWare® CMS-Styling • Benutzerdefiniertes Container-Styling

Beispiel Wert: kein Container-Styling (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Breadcrumb-Container"

Technischer Name: twt-breadcrumb-container-styling

---

Ecken

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht abgerundet • abgerundete Ecken (Standard) • runde Ecken

Beispiel Wert: abgerundete Ecken (Standard)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Breadcrumb-Container"

Technischer Name: twt-breadcrumb-container-corner-type

abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.

---

Breite

Feldtyp: Auswahlfeld

Verfügbare Werte: • Container-Max-Width (Full-width-boxed) • 100% (Full-width)

Beispiel Wert: Container-Max-Width (Full-width-boxed)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Breadcrumb-Container"

Technischer Name: twt-breadcrumb-width

Lege die Größenmodus der Breadcrumb-Container auf CMS-Seiten im Grundlayout "Full-width-boxed" fest.

---

Außenabstand oben

Feldtyp: Nummernfeld

Beispiel Wert: 10

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Breadcrumb-Container"

Technischer Name: twt-breadcrumb-margin-top

Lege den Außenabstand nach oben für den Breadcrumb-Container auf CMS-Seiten fest.

---

Außenabstand unten

Feldtyp: Nummernfeld

Beispiel Wert: 10

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Breadcrumb-Container"

Technischer Name: twt-breadcrumb-margin-bottom

Lege den Außenabstand nach unten für den Breadcrumb-Container auf CMS-Seiten fest.

---

Innenabstand oben/unten

Feldtyp: Nummernfeld

Beispiel Wert: 1

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Breadcrumb-Container"

Technischer Name: twt-breadcrumb-padding-top-bottom

Lege den Innenabstand nach oben/unten für den Breadcrumb-Container auf CMS-Seiten fest.

Wenn du eine Hintergrundfarbe nutzt ist '15' ein sinnvoller Wert.

---

Innenabstand links/rechts

Feldtyp: Nummernfeld

Beispiel Wert: 1

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Breadcrumb-Container"

Technischer Name: twt-breadcrumb-padding-left-right

Lege den Innenabstand nach links/rechts für den Breadcrumb-Container auf CMS-Seiten fest.

Wenn du eine Hintergrundfarbe nutzt ist '20' ein sinnvoller Wert.

---

Inhalt ausrichten

Feldtyp: Auswahlfeld

Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten

Beispiel Wert: links ausrichten

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Breadcrumb-Container"

Technischer Name: twt-breadcrumb-justify-content

Wähle die gewünschte horizontale Ausrichtung aus.

links Elemente werden am Anfang des Containers positioniert.

rechts Elemente werden am Ende des Containers positioniert.

zentriert Die Elemente befinden sich in der Mitte des Containers.

space-between Elemente werden gleichmäßig verteilt. Das erste Element an den Start, das letzte an das Ende.

space-around Elemente werden gleichmäßig verteilt. Alle Elemente haben gleiche Abstände um sie herum.

Benutzerdefiniertes Container-Styling

---

Rahmenfarbe

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Benutzerdefiniertes Container-Styling"

Technischer Name: twt-breadcrumb-border-color

Lege die Rahmenfarbe für den Breadcrumb-Container fest.

---

Rahmenfarbe oben

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Benutzerdefiniertes Container-Styling"

Technischer Name: twt-breadcrumb-border-top-color

Lege die Rahmenfarbe oben für den Breadcrumb-Container fest.

Wird nur angewendet wenn dieser Farbwert von der Rahmenfarbe abweicht.

---

Rahmenfarbe unten

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Benutzerdefiniertes Container-Styling"

Technischer Name: twt-breadcrumb-border-bottom-color

Lege die Rahmenfarbe unten für den Breadcrumb-Container fest.

Wird nur angewendet wenn dieser Farbwert von der Rahmenfarbe abweicht.

---

Hintergrundfarbe

Feldtyp: Farbauswahl

Beispiel Wert: rgba(0, 0, 0, 0)

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Benutzerdefiniertes Container-Styling"

Technischer Name: twt-breadcrumb-background-color

Lege die Hintergrundfarbe für den Breadcrumb-Container fest.

Darstellungsart "Links mit Hintergrundfarbe"

---

Ecken

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht abgerundet • abgerundete Ecken • runde Ecken

Beispiel Wert: abgerundete Ecken

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Darstellungsart "Links mit Hintergrundfarbe""

Technischer Name: twt-breadcrumb-list-corner-type

abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.

---

Rahmenfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #bcc1c7

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Darstellungsart "Links mit Hintergrundfarbe""

Technischer Name: twt-breadcrumb-border-color-list

Lege die Rahmenfarbe für den Breadcrumb fest.

Wird bei Darstellungsarten mit Hintergrundfarbe benutzt.

---

Hintergrundfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Darstellungsart "Links mit Hintergrundfarbe""

Technischer Name: twt-breadcrumb-background-color-list

Lege die Hintergrundfarbe für den Breadcrumb fest.

Wird bei Darstellungsarten mit Hintergrundfarbe benutzt.

Darstellungsart "Buttons"

---

Ecken

Feldtyp: Auswahlfeld

Verfügbare Werte: • nicht abgerundet • abgerundete Ecken • runde Ecken

Beispiel Wert: abgerundete Ecken

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Darstellungsart "Buttons""

Technischer Name: twt-breadcrumb-buttons-corner-type

abgerundete Ecken Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.

---

Rahmenfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #bcc1c7

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Darstellungsart "Buttons""

Technischer Name: twt-breadcrumb-buttons-border-color

---

Hintergrundfarbe

Feldtyp: Farbauswahl

Beispiel Wert: #eeeeee

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Darstellungsart "Buttons""

Technischer Name: twt-breadcrumb-buttons-background-color

---

Rahmenfarbe @active

Feldtyp: Farbauswahl

Beispiel Wert: #bcc1c7

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Darstellungsart "Buttons""

Technischer Name: twt-breadcrumb-buttons-border-color-active

---

Hintergrundfarbe @active

Feldtyp: Farbauswahl

Beispiel Wert: #ffffff

Pfad zur Einstellung: Tab "Inhalt" => Bereich "Breadcrumb" => Abschnitt "Darstellungsart "Buttons""

Technischer Name: twt-breadcrumb-buttons-background-color-active