# Configuration

## Basic configuration

***

### Maximum height

**Field type**:\
Text field

**Example value**:\
`45`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

**Technical name**:\
`twt-widget-payment-logo-max-height`

***

### Corner type

**Field type**:\
Select

**Available values**:\
• not rounded\
• rounded corners\
• round logos

**Example value**:\
`rounded corners`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

**Technical name**:\
`twt-widget-payment-logo-corner-type`

{% hint style="info" %}
**rounded corners**\
Uses the configuration "Border radius". ("Layout" > "Layout" > "Border radius")

**round corners**\
Uses a predefined radius for round corners.
{% endhint %}

***

### Link logos

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`yes`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

**Technical name**:\
`twt-widget-payment-logo-link`

{% hint style="info" %}
To edit or translate the link please use the following snippet: twt.widget.payment.link
{% endhint %}

***

### Show fallback badges

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

**Technical name**:\
`twt-widget-payment-logo-fallback-badge`

***

### Show only custom images

**Field type**:\
Select

**Available values**:\
• no\
• yes

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Basic configuration"

**Technical name**:\
`twt-widget-payment-logo-custom-images-only`

## Colour configuration

***

### Coloration

**Field type**:\
Select

**Available values**:\
• coloured\
• greyscale

**Example value**:\
`coloured`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

**Technical name**:\
`twt-widget-payment-logo-coloration`

***

### Text colour (Fallback badge)

**Field type**:\
Color picker

**Example value**:\
`#333333`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

**Technical name**:\
`twt-widget-payment-logo-fallback-badge-color`

***

### Border colour

**Field type**:\
Color picker

**Example value**:\
`#e9f2f9`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

**Technical name**:\
`twt-widget-payment-logo-border-color`

***

### Border colour (Fallback badge)

**Field type**:\
Color picker

**Example value**:\
`#e9f2f9`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

**Technical name**:\
`twt-widget-payment-logo-fallback-badge-border-color`

***

### Background colour (Fallback badge)

**Field type**:\
Color picker

**Example value**:\
`#eef2f5`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Colour configuration"

**Technical name**:\
`twt-widget-payment-logo-fallback-badge-background-color`

## Typography

***

### Font size (Fallback badge)

**Field type**:\
Number field

**Example value**:\
`10`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Typography"

**Technical name**:\
`twt-widget-payment-logo-fallback-badge-font-size`

***

### Text formatting (Fallback badge)

**Field type**:\
Select

**Available values**:\
• none\
• uppercase\
• lowercase\
• capitalize

**Example value**:\
`none`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Typography"

**Technical name**:\
`twt-widget-payment-logo-fallback-badge-text-transform`

***

### Font weight (Fallback badge)

**Field type**:\
Select

**Available values**:\
• light\
• normal\
• bold

**Example value**:\
`bold`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Typography"

**Technical name**:\
`twt-widget-payment-logo-fallback-badge-font-weight`

## Images

***

### Custom image 1

**Field type**:\
Media selection

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Images"

**Technical name**:\
`twt-widget-payment-logo-custom-image-1`

{% hint style="info" %}
To edit or translate the alt/title attributes please use the following snippet: twt.widget.payment.customImages.title1
{% endhint %}

***

### Custom image 2

**Field type**:\
Media selection

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Images"

**Technical name**:\
`twt-widget-payment-logo-custom-image-2`

{% hint style="info" %}
To edit or translate the alt/title attributes please use the following snippet: twt.widget.payment.customImages.title2
{% endhint %}

***

### Custom image 3

**Field type**:\
Media selection

**Example value**:\
\`\`

**Path to the configuration**:\
Tab "Widgets" => Block "Payment logos" => Section "Images"

**Technical name**:\
`twt-widget-payment-logo-custom-image-3`

{% hint style="info" %}
To edit or translate the alt/title attributes please use the following snippet: twt.widget.payment.customImages.title3
{% endhint %}