> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/manual/extensions/announcement-banner-in-the-header/configuration.md).

# 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`


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.themeware.design/manual/extensions/announcement-banner-in-the-header/configuration.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.