# Konfiguration

## Basiskonfiguration

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Shopware\
• ThemeWare®\
• ThemeWare® "Buttons" (Beta)

**Beispiel Wert**:\
`ThemeWare®`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-category-navigation-layout-type`

{% hint style="info" %}
**Shopware**: Diese Darstellungsart verwendet die Standard-Filter von Shopware und wird nicht von ThemeWare® modifiziert. (HC-Architecture®)

**ThemeWare®**: Diese Darstellungsart ist der klassische Stil von ThemeWare® für Shopware 6.

**ThemeWare® "Buttons"**: Diese Darstellungsart befindet sich in der Testphase, probiere Sie gerne einmal aus.
{% endhint %}

## Headline

***

### "Kategorie-Navigation"-Überschrift anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht anzeigen\
• anzeigen

**Beispiel Wert**:\
`nicht anzeigen`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-category-navigation-headline-show`

{% hint style="info" %}
Um die Überschrift zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.listing.navigation.title
{% endhint %}

***

### Außenabstand unten \[px]

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`0`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Headline"

**Technischer Name**:\
`twt-category-navigation-headline-margin-bottom`

## Farbkonfiguration

***

### Hintergrundfarbe (Navigation)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-category-navigation-box-background-color`

***

### Rahmenfarbe (Navigation)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eeeeee`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-category-navigation-box-border-color`

***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eeeeee`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-category-navigation-border-color`

***

### Aktzentfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#000000`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-category-navigation-accent-color`

## Links

***

### Textfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#111111`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

**Technischer Name**:\
`twt-category-navigation-link-color`

***

### Textfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

**Technischer Name**:\
`twt-category-navigation-link-color-hover`

***

### Textfarbe @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

**Technischer Name**:\
`twt-category-navigation-link-color-active`

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

**Technischer Name**:\
`twt-category-navigation-link-background-color`

***

### Hintergrundfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

**Technischer Name**:\
`twt-category-navigation-link-background-color-hover`

***

### Hintergrundfarbe @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Erlebniswelten" => Bereich "Kategorie-Navigation (Kategorie "Sidebar")" => Abschnitt "Links"

**Technischer Name**:\
`twt-category-navigation-link-background-color-active`