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
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 Breite 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 • rechts ausrichten • zentriert 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
Last updated
