# Erweiterungen

## Globale Benachrichtigung

Am oberen oder unteren Bildschirmrand kann ein globaler Text für Ankündigungen (z.B. Betriebsurlaub oder Verkaufsaktionen) angezeigt erden.

{% hint style="info" %}
Als Besonderheit haben Sie die Möglichkeit, die Funktion für einen bestimmten Zeitraum einzugrenzen. Sollten Sie diese Box z. B. für eine Marketingmaßnahme nutzen können Sie einen Start und Endpunkt mittels Tag und Uhrzeit bestimmen
{% endhint %}

In den Einstellungen für dieses Features legen Sie fest:&#x20;

* Auf welche Viewports die Funktion dargestellt werden soll
* Auf welchen Seiten die Funktion erscheinen soll
* Den Inhalt der Benachrichtigung
* [Positionierung](#darstellung-der-position) über dem Header oder an Ende der Browserleiste
* Die [Verlinkung](#darstellung-mit-verlinkung) mit Eingabe der URL, Linkbezeichnung und ob die Seite in einem extra Tab geöffnet werden soll
* Definition der Hintergrund- und Schriftfarbe

### Darstellung der Position

Für die Positionierung stehen Ihnen zwei Optionen zur Verfügung.

Am **oberen Bildschirmrand** wird die Benachrichtigung über dem Header bzw. der Top Bar (falls vorhanden) ausgegeben. Sie ist dort fixiert und scrollt nicht mit.

<figure><img src="/files/CQFB6FfoEMYvkDKerIa0" alt=""><figcaption><p>Beispiel: Oberer Bildschirmrand</p></figcaption></figure>

<figure><img src="/files/LHr6543N09m20QNzQp3W" alt=""><figcaption><p>Beispiel: Unterer Bildschirmrand</p></figcaption></figure>

Am **unteren Bildschirmrand** wird die Benachrichtigung am Ende der Browserleiste angeheftet. Sie bleibt auch beim scrollen an der Stelle und ist immer sichtbar.

### Darstellung mit Verlinkung

Sobald eine Verlinkung und ein Linktext eingestellt sind, verändert sich die Darstellung der Benachrichtigung. Der Inhalt der Benachrichtigung wird nicht mehr zentriert angezeigt sondern an den linken und der Button an den rechte Rand des Bereiches geschoben. Zusätzlich wird die Höhe des Bereiches leicht vergrößert.

<figure><img src="/files/GIwWjqyCgFNiSwS3wqDD" alt=""><figcaption><p>Beispiel für Benachrichtigung mit (Oben) und ohne (Unten) Verlinkung</p></figcaption></figure>

## Seitliche Information Box

Mit der seitlichen Informationsbox können Sie global über den gesamten Shop auf z. B. Hinweise oder Werbeaktionen aufmerksam machen. Die Informationsbox kann am rechten oder linken Bildschirmrand ausgegeben werden.

<div><figure><img src="/files/vAwxwLZmmhp90b9SxyaT" alt=""><figcaption><p>Informationsbox im geschlossen Zustand</p></figcaption></figure> <figure><img src="/files/QkhZhiDBMs4s4hotPDtV" alt=""><figcaption><p>Informationsbox im geöffneten Zustand</p></figcaption></figure></div>

Um das Sichtfeld des Kunden nicht unnötig einschränken zu müssen, wird nur die Überschrift der Box dargestellt. Erst mit Klick auf dieser, werden alle Informationen ausgefahren.

{% hint style="info" %}
Als Besonderheit haben Sie die Möglichkeit, die Funktion für einen bestimmten Zeitraum einzugrenzen. Sollten Sie diese Box z. B. für eine Marketingmaßnahme nutzen können Sie einen Start und Endpunkt mittels Tag und Uhrzeit bestimmen
{% endhint %}

In den Einstellungen für dieses Features legen Sie fest:&#x20;

* Auf welchen Seiten die Box angezeigt werden soll
* Was in der Überschrift und im Inhalt steht
* Auf welcher Seite und welchen Abstand die Box zum oberen Browserrand haben soll (Angaben in Prozent)
* Die Hintergrund- und Schriftfarbe sowie die Deckkraft der Hintergrundfarbe
* Auswahl des [Icon](https://demo-6.coolbax.com/cbax/readicon/index)

### Auswahl des Icon

Sie haben die Möglichkeit, vor der Überschrift, ein Icon auszugeben. Dieses ist, wie die Überschrift permanent Sichtbar. Nutzen Sie folgenden Link um ein Icon auswählen:

{% embed url="<https://demo-6.coolbax.com/cbax/readicon/index>" %}

Suchen sich dort ein passendes Icon aus und kopieren Sie den Namen des Icons. Diesen fügen Sie anschließend in das Feld: *Icon* ein.

## Footer Information Box

Am unteren Bildschirmrand kann eine Box mit z. B. zu Ihrer Service Hotline angeheftet werden. Sie scrollt mit der Bewegung des Nutzers nach unten oder oben mit.

<figure><img src="/files/9DIf680kmFsWbhld3XGY" alt=""><figcaption><p>Beispiel für Information Box</p></figcaption></figure>

In den Einstellungen für dieses Features legen Sie fest:&#x20;

* Auf welche Viewports die Funktion dargestellt werden soll
* Auf welchen Seiten die Funktion erscheinen soll
* Was in der Überschrift und im Inhalt steht
* Auf welcher Seite und welchen Abstand die Box zum rechten bzw. linken Browserrand haben soll (Angaben in Prozent)
* Die Hintergrund- und Schriftfarbe sowie die Deckkraft der Hintergrundfarbe
* Auswahl des [Icon](https://demo-6.coolbax.com/cbax/readicon/index) sowie die Möglichkeit diesen zu verlinken

{% hint style="warning" %}
Überprüfen Sie, dass die Box keine wichtigen Informationen verdeckt!
{% endhint %}


---

# Agent Instructions: 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:

```
GET https://coolbax.gitbook.io/coolbax-docs/theme/theme-einstellungen/erweiterungen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
