Breadcrumb

Übersicht

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.

Breadcrumb unseres Kunden https://safe-t.ch/

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.