Die Breadcrumb ist ein grundlegendes Navigationselement auf deinen Kategorie- und Produkt Detailseiten. So kann sie einerseits über die nachfolgenden Konfigurationsfelder weiter personalisiert werden. Andererseits kann man sie jedoch auch über das Breadcrumb Feature des Themes seitenspezifisch verschieben oder auch komplett deaktivieren.
Ein Breadcrumb Element ist aktiv, sofern die entsprechende Kategorie oder ein mit ihr verknüpftes Produkt geöffnet wurde. Das aktive Element ist hierbei immer das letzte innerhalb der Breadcrumb.
Typografie
Schriftgröße der Elemente (in px)
Definiert die Schriftgröße der einzelnen Breadcrumb Elemente.
Icon Größe (in px)
Lege die Größe der ">" Icons zwischen den Breadcrumb Elementen fest.
Schriftstärke der Elemente
Definiere die Schriftstärke der Breadcrumb Elemente. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:
100 = Thin
200 = Extra Light
300 = Light
400 = Normal
500 = Medium
600 = Semi Bold
700 = Bold
800 = Extra Bold
900 = Black
Schriftstärke des aktiven Elements
Lege die Schriftstärke des aktiven Breadcrumb Elements fest. Je nach Schriftart stehen dir hierbei folgende Konfigurationsoptionen zur Verfügung:
100 = Thin
200 = Extra Light
300 = Light
400 = Normal
500 = Medium
600 = Semi Bold
700 = Bold
800 = Extra Bold
900 = Black
Abstände
Linker & rechter Icon Abstand (in px)
Hinterlege den linken und rechten Abstand zwischen den ">" Icons.
Farben
Schriftfarbe der Elemente
Passt die Schriftfarbe der Breadcrumb Elemente an. Standardmäßig wird hier die globale Textfarbe mittels Variable verknüpft.
Schriftfarbe des aktiven Elements
Legt die Schriftfarbe des aktiven Breadcrumb Elements fest. Standardmäßig wird hier die globale Textfarbe mittels Variable verknüpft.
Hintergrund der Elemente
Definiere die Hintergrundfarbe der Breadcrumb Elemente. Solltest du keine Hintergrundfarbe wollen, kannst du an dieser Stelle "transparent" in das Feld eintragen.
Hintergrund des aktiven Elements
Definiere die Hintergrundfarbe des aktiven Breadcrumb Elements. Solltest du keine Hintergrundfarbe wollen, kannst du an dieser Stelle "transparent" in das Feld eintragen.
