<!-- Quelle: https://service.themeware.design/doku/handbuch/inhalt/sliders/konfiguration
     Alle Seiten dieser Sammlung: https://service.themeware.design/doku/llms.txt -->

# Konfiguration

## Pfeile-Navigation

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Rechteck (Standard)\
• Quadrat/Kreis\
• Pfeil (ohne Fläche)

**Beispiel Wert**:\
`Rechteck (Standard)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-style`

{% hint style="info" %}
Im Tab "Erlebniswelten" kannst du verschiedene Slider individuell konfigurieren.
{% endhint %}


***

### Ecken

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`abgerundete Ecken (Standard)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-corner-type`

{% hint style="info" %}
**abgerundete Ecken**\
Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

**runde Ecken**\
Verwendet einen vordefinierten Radius für runde Ecken.
{% endhint %}


***

### Schatten

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• kein (Standard)\
• dezent\
• deutlich

**Beispiel Wert**:\
`dezent`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-shadow`

{% hint style="info" %}
Schatten der Navigationspfeile, beim Hover eine Stufe kräftiger. Ohne Wirkung bei der Darstellungsart "Pfeil (ohne Fläche)".
{% endhint %}


***

### Hover-Effekt

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• kein Effekt (Standard)\
• fade in

**Beispiel Wert**:\
`fade in`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-hover-type`


***

### Textfarbe

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-color`


***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`transparent`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-border-color`


***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`transparent`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-background-color`


***

### Textfarbe @hover

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-color-hover`


***

### Rahmenfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`darken($twt-base-slider-controls-border-color, 10%)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-border-color-hover`


***

### Hintergrundfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`darken($twt-base-slider-controls-background-color, 7.5%)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Pfeile-Navigation"

**Technischer Name**:\
`twt-base-slider-controls-background-color-hover`


## Punkte-Navigation

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Rechteck\
• Quadrat/Kreis (Standard)

**Beispiel Wert**:\
`Quadrat/Kreis (Standard)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Punkte-Navigation"

**Technischer Name**:\
`twt-base-slider-navigation-dots-style`


***

### Ecken

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`runde Ecken (Standard)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Punkte-Navigation"

**Technischer Name**:\
`twt-base-slider-navigation-dots-type`

{% hint style="info" %}
**abgerundete Ecken**\
Verwendet die Konfiguration "Abgerundete Ecken". ("Layout" > "Layout" > "Abgerundete Ecken")

**runde Ecken**\
Verwendet einen vordefinierten Radius für runde Ecken.
{% endhint %}


***

### Hover-Effekt

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Standard\
• vergrößern\
• umranden\
• ausfüllen\
• kreisförmig umranden

**Beispiel Wert**:\
`Standard`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Punkte-Navigation"

**Technischer Name**:\
`twt-base-slider-navigation-dots-hover-type`


***

### Horizontale Ausrichtung

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• links ausrichten\
• rechts ausrichten\
• zentriert ausrichten (Standard)

**Beispiel Wert**:\
`zentriert ausrichten (Standard)`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Punkte-Navigation"

**Technischer Name**:\
`twt-base-slider-navigation-dots-alignment`


***

### Farbe (Primär)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#bcc1c7`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Punkte-Navigation"

**Technischer Name**:\
`twt-base-slider-navigation-dots-background-color`


***

### Farbe (Sekundär) @active/hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#798490`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "Punkte-Navigation"

**Technischer Name**:\
`twt-base-slider-navigation-dots-background-color-active`


## ThemeWare® 'Hero-Slider' [Pro-Edition]

***

### Navigationspfeile im Hero-Slider

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• inherit (Theme-Konfiguration)\
• Hero-Stil

**Beispiel Wert**:\
`Hero-Stil`

**Pfad zur Einstellung**:\
Tab "Inhalt" => Bereich "Slider" => Abschnitt "ThemeWare® 'Hero-Slider' [Pro-Edition]"

**Technischer Name**:\
`twt-hero-slider-controls-inherit`

{% hint style="info" %}
**Hero-Stil**\
Weiße Pfeile ohne Fläche, wie bisher.

**inherit (Theme-Konfiguration)**\
Der Hero-Slider übernimmt die Pfeil-Konfiguration des Bild-Sliders (bzw. die globale Slider-Konfiguration): Darstellungsart, Farben, Ecken und Schatten.
{% endhint %}