# Konfiguration

## Basiskonfiguration

***

### Maximale Höhe

**Feldtyp**:\
Textfeld

**Beispiel Wert**:\
`45`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-max-height`

***

### Ecken

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nicht abgerundet\
• abgerundete Ecken\
• runde Logos

**Beispiel Wert**:\
`abgerundete Ecken`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-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 %}

***

### Logos verlinken

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`ja`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-link`

{% hint style="info" %}
Um den Link zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.widget.payment.link
{% endhint %}

***

### Fallback-Badge anzeigen

**Feldtyp**:\
Auswahlfeld

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

**Beispiel Wert**:\
`anzeigen`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-fallback-badge`

***

### Nur benutzerdefinierte Bilder anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`nein`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Basiskonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-custom-images-only`

## Farbkonfiguration

***

### Färbung

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• farbig\
• Graustufen

**Beispiel Wert**:\
`farbig`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-coloration`

***

### Textfarbe (Fallback-Badge)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#333333`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-fallback-badge-color`

***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#e9f2f9`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-border-color`

***

### Rahmenfarbe (Fallback-Badge)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#e9f2f9`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-fallback-badge-border-color`

***

### Hintergrundfarbe (Fallback-Badge)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#eef2f5`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-widget-payment-logo-fallback-badge-background-color`

## Typografie

***

### Schriftgröße (Fallback-Badge)

**Feldtyp**:\
Nummernfeld

**Beispiel Wert**:\
`10`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Typografie"

**Technischer Name**:\
`twt-widget-payment-logo-fallback-badge-font-size`

***

### Textformatierung (Fallback-Badge)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• keine\
• Großschreibung\
• Kleinschreibung\
• Wortanfang in Großbuchstaben

**Beispiel Wert**:\
`keine`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Typografie"

**Technischer Name**:\
`twt-widget-payment-logo-fallback-badge-text-transform`

***

### Strichstärke (Fallback-Badge)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• light\
• normal\
• bold

**Beispiel Wert**:\
`bold`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Typografie"

**Technischer Name**:\
`twt-widget-payment-logo-fallback-badge-font-weight`

## Bilder

***

### Benutzerdefiniertes Bild 1

**Feldtyp**:\
Medienauswahl

**Beispiel Wert**:\
\`\`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Bilder"

**Technischer Name**:\
`twt-widget-payment-logo-custom-image-1`

{% hint style="info" %}
Um das Alt-/Title-Attribute zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.widget.payment.customImages.title1
{% endhint %}

***

### Benutzerdefiniertes Bild 2

**Feldtyp**:\
Medienauswahl

**Beispiel Wert**:\
\`\`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Bilder"

**Technischer Name**:\
`twt-widget-payment-logo-custom-image-2`

{% hint style="info" %}
Um das Alt-/Title-Attribute zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.widget.payment.customImages.title2
{% endhint %}

***

### Benutzerdefiniertes Bild 3

**Feldtyp**:\
Medienauswahl

**Beispiel Wert**:\
\`\`

**Pfad zur Einstellung**:\
Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" => Abschnitt "Bilder"

**Technischer Name**:\
`twt-widget-payment-logo-custom-image-3`

{% hint style="info" %}
Um das Alt-/Title-Attribute zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.widget.payment.customImages.title3
{% endhint %}