<!-- Quelle: https://service.themeware.design/doku/handbuch/footer/minimaler-footer-im-checkout/konfiguration
     Alle Seiten dieser Sammlung: https://service.themeware.design/doku/llms.txt -->

# Konfiguration

## Design

***

### Design

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Clean\
• Clean mit Linie\
• Fläche\
• Fläche mit Linie

**Beispiel Wert**:\
`Fläche`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Design"

**Technischer Name**:\
`twt-footer-minimal-design`

{% hint style="info" %}
Wähle, wie sich der Footer vom Seiteninhalt abhebt: **Clean** ohne eigene Fläche, **Fläche** mit der Hintergrundfarbe aus dem Abschnitt "Fläche", jeweils wahlweise mit Linie oben.

**Hinweis**: Passe die Farben passend zum gewählten Design an - die Standardfarben sind auf die Standard-Darstellung abgestimmt.
{% endhint %}

***

### Anordnung

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Untereinander (Standard)\
• Untereinander (Widerrufsbutton unten)\
• Nebeneinander

**Beispiel Wert**:\
`Untereinander (Widerrufsbutton unten)`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Design"

**Technischer Name**:\
`twt-footer-minimal-arrangement`

{% hint style="info" %}
**Untereinander**: Alles zentriert untereinander, der Widerrufsbutton über oder unter dem Service-Menü.

**Nebeneinander**: Service-Menü und Pflichtangaben linksbündig, Widerrufsbutton und Copyright rechtsbündig (ab 768px).

**Hinweis**: Steht der Widerrufsbutton im Copyright-Footer ("Widgets" > "Service-Hotline" > "Widerrufsbutton" > "Position"), sitzt er bei "Untereinander" am Ende der Zeile des Service-Menüs.
{% endhint %}

## Service-Menü

***

### Linkfarbe (Service-Menü)

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Service-Menü"

**Technischer Name**:\
`twt-footer-minimal-service-menu-link-color`

***

### Linkfarbe (Service-Menü) @hover

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Service-Menü"

**Technischer Name**:\
`twt-footer-minimal-service-menu-link-color-hover`

## Widerrufsbutton

***

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• vererbt (wie globale Einstellung)\
• Footer-Farben (Outline)

**Beispiel Wert**:\
`Footer-Farben (Outline)`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Widerrufsbutton"

**Technischer Name**:\
`twt-footer-minimal-revocation-btn-layout-type`

{% hint style="info" %}
**vererbt**: übernimmt "Layout" > "Buttons" > "Widerrufsbutton".

**Footer-Farben (Outline)**: Kontur in der Linkfarbe des Service-Menüs, beim Hover gefüllt - der Button passt so zur Menüzeile darüber.
{% endhint %}

## Text

***

### Textfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#b4b4b4`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Text"

**Technischer Name**:\
`twt-footer-minimal-color`

***

### Linkfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#b4b4b4`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Text"

**Technischer Name**:\
`twt-footer-minimal-link-color`

***

### Linkfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#b4b4b4`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Text"

**Technischer Name**:\
`twt-footer-minimal-link-color-hover`

***

### Schriftgröße

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`14`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Text"

**Technischer Name**:\
`twt-footer-minimal-font-size`

## Copyright

***

### Trennlinie

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• ohne Linie\
• mit Linie

**Beispiel Wert**:\
`ohne Linie`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Copyright"

**Technischer Name**:\
`twt-footer-minimal-copyright-divider`

{% hint style="info" %}
Linie über dem Copyright - bei "Nebeneinander" zwischen den beiden Zeilen.
{% endhint %}

***

### Farbe der Trennlinie

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`rgba(180, 180, 180, 0.6)`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Copyright"

**Technischer Name**:\
`twt-footer-minimal-copyright-border-top-color`

{% hint style="info" %}
Wirkt nur bei "Trennlinie" > "mit Linie".
{% endhint %}

## Fläche

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#555555`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Fläche"

**Technischer Name**:\
`twt-footer-minimal-background-color`

{% hint style="info" %}
Wirkt nur bei den Designs "Fläche".
{% endhint %}

***

### Rahmenfarbe oben

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`rgba(0, 0, 0, 0.12)`

**Pfad zur Einstellung**:\
Tab "Footer" => Bereich "Minimaler Footer (im Checkout)" => Abschnitt "Fläche"

**Technischer Name**:\
`twt-footer-minimal-border-top-color`

{% hint style="info" %}
Wirkt nur bei den Designs "mit Linie".
{% endhint %}