# Configuration

***

### Show announcement banner

**Field type**:\
Select

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

**Example value**:\
`don't show`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)"

**Technical name**:\
`twt-announcement-banner-show`

{% hint style="info" %}
Shows the ThemeWare® "Announcement banner".

To edit or translate the text please use the following snippet: twt.extension.announcementBanner.content
{% endhint %}

## Basic configuration

***

### Closable

**Field type**:\
Select

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

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Basic configuration"

**Technical name**:\
`twt-announcement-banner-closable`

{% hint style="info" %}
Determine whether the banner can be closed by the visitor.

**Hinweis**: This configuration only applies to the Shopware cookie permission from Shopware.
{% endhint %}

***

### Start date

**Field type**:\
Date picker

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

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Basic configuration"

**Technical name**:\
`twt-announcement-banner-start-date`

***

### End date

**Field type**:\
Date picker

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

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Basic configuration"

**Technical name**:\
`twt-announcement-banner-end-date`

***

### Link banner

**Field type**:\
Select

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

**Example value**:\
`yes`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Basic configuration"

**Technical name**:\
`twt-announcement-banner-link`

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

***

### Open link in new tab

**Field type**:\
Select

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

**Example value**:\
`no`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Basic configuration"

**Technical name**:\
`twt-announcement-banner-link-newtab`

***

### Link relation "nofollow"

**Field type**:\
Select

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

**Example value**:\
`yes`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Basic configuration"

**Technical name**:\
`twt-announcement-banner-link-nofollow`

## Colour configuration

***

### Text colour

**Field type**:\
Color picker

**Example value**:\
`#ffffff`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Colour configuration"

**Technical name**:\
`twt-announcement-banner-color`

***

### Background colour

**Field type**:\
Color picker

**Example value**:\
`$sw-color-brand-primary`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Colour configuration"

**Technical name**:\
`twt-announcement-banner-background-color`

## Typography

***

### Font size

**Field type**:\
Number field

**Example value**:\
`14`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Typography"

**Technical name**:\
`twt-announcement-banner-font-size`

***

### Text formatting

**Field type**:\
Select

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

**Example value**:\
`none`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Typography"

**Technical name**:\
`twt-announcement-banner-text-transform`

***

### Font weight

**Field type**:\
Select

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

**Example value**:\
`normal`

**Path to the configuration**:\
Tab "Extensions" => Block "Announcement banner (in the header)" => Section "Typography"

**Technical name**:\
`twt-announcement-banner-font-weight`
