> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/wissensdatenbank/einfuehrung/service-navigation-konfigurieren.md).

# Service-Navigation konfigurieren

Die Service-Navigation ist eine zweite Navigation im Footer-Bereich, typischerweise mit Einträgen wie "Hilfe", "Kontakt" oder "Versand und Zahlung". Shopware bezeichnet sie als "Footer-Service-Navigation".

Die Navigation selbst legst du in Shopware über Kategorien an und weist sie deinem Verkaufskanal zu. Die ThemeWare® Konfiguration steuert anschließend, wo und wie sie angezeigt wird.

## Schritt 1: Kategorien anlegen

1. Öffne die Administration deines Shops
2. Wechsel über die Hauptnavigation in "**Kataloge**" => "**Kategorien**"
3. Lege auf oberster Ebene eine neue Kategorie an, z.B. "Service"
   * Wähle in der Karte "**Allgemein**" beim "**Kategorietyp**" die Option "**Strukturelement / Einstiegspunkt**"
4. Lege unterhalb dieser Kategorie die einzelnen Einträge an, z.B. "Hilfe", "Kontakt", "Versand und Zahlung"
   * Kategorietyp "**Seite / Liste**": eine eigene Seite mit zugewiesenem Layout (Erlebniswelt)
   * Kategorietyp "**Link**": ein Verweis auf ein Produkt, eine Kategorie, eine Landingpage oder eine externe Seite
5. Achte darauf, dass alle Kategorien auf "**Aktiv**" stehen
6. Speicher deine Kategorien

{% hint style="info" %}
**Info**: In der Service-Navigation werden nur die Kategorien der direkt untergeordneten Ebene angezeigt.
{% endhint %}

## Schritt 2: Einstiegspunkt zuweisen

Damit Shopware weiß, welche Kategorie die Service-Navigation ist, muss sie als Einstiegspunkt zugewiesen werden. Dafür gibt es zwei Wege, das Ergebnis ist identisch.

#### Weg A: über die Kategorie

1. Öffne die Kategorie "Service"
2. Öffne die Karte "**Navigation**"
3. Wähle beim "**Einstiegspunkt**" die Option "**Footer-Service-Navigation**"
4. Wähle bei der "**Verkaufskanalzuweisung**" deinen Verkaufskanal aus
5. Speicher die Kategorie

#### Weg B: über den Verkaufskanal

1. Öffne über die Hauptnavigation deinen Verkaufskanal
2. Wechsel in den Tab "**Allgemein**"
3. Wähle in der Karte "**Navigation**" beim Feld "**Einstiegspunkt für die Footer-Service-Navigation**" deine Kategorie "Service" aus
4. Speicher den Verkaufskanal

## Schritt 3: Anzeige in ThemeWare® konfigurieren

ThemeWare® kann die Service-Navigation an mehreren Stellen ausgeben.

1. Öffne die Administration deines Shops
2. Wechsel über die Hauptnavigation in die "**Theme-Verwaltung**" ("Inhalte" => "Themes")
   * **Hinweis**: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
3. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
4. Konfiguriere die gewünschten Bereiche:

#### Footer

* Tab "**Footer**" => Bereich "**Copyright-Footer**" => Abschnitt "**Basiskonfiguration**" => "**Service-Navigation anzeigen bis ...**"
* Hier legst du fest, bis zu welchem Viewport die Service-Navigation im Footer angezeigt wird.

#### Top-Bar

* Tab "**Header**" => Bereich "**Top-Bar**" => Abschnitt "**Service-Menü \[Pro-Edition]**" => "**Service-Menü anzeigen**"
* Zur Auswahl stehen "nicht anzeigen", "anzeigen als Dropdown" und "anzeigen als Liste".

{% hint style="info" %}
**Info**: Shopware hat das Service-Menü mit Version 6.5 im Header entfernt und sieht dies nur noch als "Footer-Service-Navigation" vor. Mit dieser Konfiguration kannst du es wieder in der Top-Bar anzeigen lassen.
{% endhint %}

#### Offcanvas-Navigation

* Tab "**Inhalt**" => Bereich "**Offcanvas-Navigation**" => Abschnitt "**Service-Menü \[Pro-Edition]**" => "**Service-Menü anzeigen**"
* Damit erscheint die Service-Navigation zusätzlich in der mobilen Navigation.

5. Speicher die Theme-Konfiguration
6. Wechsel in die Storefront und lade die Seite einmal neu

Du hast nun die Service-Navigation eingerichtet.

## Beschriftung anpassen

Das Label des Service-Menüs kannst du über den Textbaustein `header.indexLinkService` bearbeiten oder übersetzen.

***

## Weiterführende Informationen

* Einführung: [Texte im Theme bearbeiten](/wissensdatenbank/einfuehrung/texte-im-theme-bearbeiten.md)

#### ThemeWare® Video-Tutorial

{% embed url="<https://service.themeware.design/themeware-tutorial>" %}
ThemeWare® Video-Tutorial
{% endembed %}