> For the complete documentation index, see [llms.txt](https://docs.digidesk.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digidesk.de/moduldokumentationen/topbar-modul.md).
# Topbar-Modul
## Modulbeschreibung
Dieses Modul ermöglicht Ihnen eine **"Topbar"**, mit aufklappbaren Inhalten, zu ihrem Shop hinzuzufügen. Die Reiter und der Inhalt sind dabei frei wählbar und können unabhängig voneinander gestaltet werden.
## Allgemeine Moduleinstellungen
Unter dem Punkt **Topbar > Grundeinstellungen** finden sie allgemeine Einstellungen mit denen Sie grundlegende Konfigurationen vornehmen können.
### **Einstellungen der Topbar**
* **Ausrichtung der Topbar** lässt Sie die Reiter der Topbar ausrichten. Hiermit können Sie die Reiter zentrieren (wenn kein Reiter eine eigene Ausrichtung besitzt) oder einen Standardwert für Reiter ohne eigene Ausrichtung festlegen.
* **Hintergrundfarbe der Topbar** lässt Sie die Farbe der Topbar einstellen.
### **Allgemeine Reiter-Konfiguration**
* **Abgerundete Reiter** lässt Sie eckige oder abgerundete Reiter einstellen.
* Die **Schriftgrösse der Reiter** können Sie hier festlegen
* Mittels **Grösse der Reiter** legen Sie fest wieviele Pixel Abstand zwischen Reiterrand und Reitertext liegen sollen, der Rand muss dabei nicht aktiv sein.
### **Konfiguration des Topbar-Randes**
* Hier können Sie den **Rand am unteren Ende des Moduls** **anzeigen** oder ausblenden.
* Auch die **Höhe des Modulrandes** ist einstellbar
* Die **Farbe des Modulrandes** können Sie hier auswählen
### **Zusätzliche Abstände festlegen**
* **Abstand der Reiter zum oberen Seitenrand** lässt Sie die Reihe der Reiter weiter nach unten verschieben, oder nach oben wenn Sie negative Werte eintragen.
* **Unterer Abstand der Reiter** legt den Abstand zwischen Reiter und aufklappbarem Inhalt fest.
* **Seitlicher Abstand zwischen den einzelnen Reitern** gibt ihnen die Möglichkeit die Reiter weiter auseinander zu ziehen.
* **Linker Abstand der Topbar** lässt Sie die Topbar einrücken.
* **Rechter Abstand der Topbar** bestimmt wie breit die Topbar sein darf.
* **Oberer Rand des aufklappbaren Inhalts** bestimmt den oberen Abstand zwischen dem Beginn des aufklappbarem Inhaltes und dessen Text.
* **Unterer Rand des aufklappbaren Inhalts** legt den unteren Abstand fest.
### **Standardfarben des Moduls festlegen**
Hier legen Sie die standardmässig verwendeten Farben der Einträge fest.
## Reiter konfigurieren
Um Reiter und Inhalte anzulegen navigieren sie im OXID eShop Admin zu **Topbar > Einträge bearbeiten**. Dort finden sie eine Auflistung ihrer eingestellten Reiter.
Schweben Sie mit der Maus über einen der Einträge erscheinen rechts zwei Symbole. Mit einem Klick auf  **löschen** Sie den Eintrag. Wenn Sie den **Eintrag bearbeiten** möchten drücken Sie auf  .
Um einen **neuen Eintrag** anzulegen klicken sie oben rechts auf das  .
Es erscheint ein Fenster in dem Sie Einstellungen vornehmen können.
* Mit der **Aktiv**-Checkbox können Sie die Elemente aktivieren oder deaktivieren.
* Die **Ausrichtung** ermöglicht Ihnen das Element nach Links oder Rechts zu positionieren (So können Sie bspw. Hinweise von anderen Elementen abgrenzen).
* Sie können auch ein **Icon** auswählen, das vor dem Reitertext angezeigt werden soll. Geben Sie hierfür den Namen des Icons ein (zB: phone). Eine Liste mit den verfügbaren Icons finden Sie [hier](http://fontawesome.io/icons/).
* Den Schriftzug des Reiters können Sie in **Reitertext** eingeben.
* Mit der **Reiterreihenfolge** geben Sie an in welcher Reihenfolge die Reiter angezeigt werden. Um maximale Kontrolle über die Reihenfolge zu haben, achten Sie darauf, dass jeder Reiter einen unterschiedlichen Wert besitzt.
* Mit der Einstellung eines **CMS-Ident** können Sie ihre CMS-Seiten als Inhalt der Topbar einbinden. Hierfür einfach den Ident der zu benutzenden Seite eintragen (zB: oxagb).
* In **Inhalt** können Sie den Text schreiben, der bei einem Klick auf den Reiter angezeigt werden soll. Hier können Sie auch Bilder, Videos oder ganze Html-Seiten einfügen.
* Sie können auch die Inhalte (CMS-Ident, Inhalt) freilassen um nur den Reiter anzeigen zu lassen (zB: für eine Hotline-Nummer oder einen Link).
* Wenn Sie einen Link in der Topbar einfügen möchten, geben sie die Url in **Verlinkung** an.
Um den Reiter auch optisch zu gestalten klicken Sie auf den Tab **Optik**
Hier können Sie alle Farben auswählen, die dieser Eintrag verwenden soll.
Die Felder **Bei aktivem Reiter** lassen Sie extra Farben einstellen, um den momentan aufgeklappten Reiter hervorzuheben.
Sie können aber auch die Checkbox "**Standardfarben benutzen**" aktivieren und das Element benutzt die Farbeinstellungen, die in den [**Allgemeinen Einstellungen**](https://digidesk-media-solutions.gitbooks.io/aufklappbare-topbar/content/3-Konfiguration/3_1-Allgemein.html) konfiguriert wurden.
Wenn Sie mit Ihren Einstellungen zufrieden sind, drücken sie auf **"Speichern"**.
## Hilfe & Support
Haben Sie Fragen oder benötigen Sie Hilfe bei der Installation? Gerne bieten wir Ihnen auch einen Installationsservice an. Kontaktieren Sie uns einfach über eine der unten stehenden Adressen.
* E-Mail: ****
* Telefon: **+49 (0) 5246 / 9099110**
* Kontaktformular: [**http://www.digidesk.de/kontakt**](http://www.digidesk.de/kontakt)