# Footer-Navigation

Die Footer-Navigation ist ein statisches Footer-Element von Shopware. Mit ThemeWare® ist diese in Form eines Widgets flexibel verwendbar.

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2Fgit-blob-1b7d3d7b8136842c2af16ea8e75eab6d36c82b22%2Fwidgets--footer-navigation.png?alt=media" alt=""><figcaption><p>ThemeWare "Footer-Navigation"</p></figcaption></figure>

***

## Konfiguration

Die Footer-Navigation selber ist ein Kern-Element von Shopware 6. Um eine Navigation im Footer darstellen zu können ist es – neben der Zuweisung des Widgets in ThemeWare® selber – nötig eine entsprechende Kategoriestruktur zu erstellen.

{% embed url="<https://docs.shopware.com/de/shopware-6-de/kataloge/kategorien?category=shopware-6-de/kataloge>" %}
Shopware Dokumentation => Kategorien
{% endembed %}

Erstelle einfach eine Hauptkategorie namens "Footer-Navigation". Füge dieser Unterkategorien hinzu. Jede dieser Unterkategorien der Hauptkategorie (z.B. "Footer-Navigation") repräsentiert eine Navigationsspalte im Footer.

> Die Konfiguration findest du im Tab "Widgets".

#### A) Einfache Footer-Navigation (einspaltig)

Reicht dir eine Spalte mit Menüpunkten im Footer, erstelle eine Unterkategorie (z.B. "Informationen") in der Hauptkategorie (z.B. "Footer-Navigation"). Weise dieser Unterkategorie nun weiter Unterkategorien (z.B. "Kontakt" oder "Impressum") hinzu. Diese Unter-Unterkategorien sind nun quasi die Content-Seiten. Weise Ihnen passende CMS-Layouts zu.

<div><figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FKhl9SUEIhczgDTpCvG5k%2Fwidgets--footer-navigation-categories1.png?alt=media&#x26;token=dbc401c8-2ee7-465f-9a20-7b1c3536a5b1" alt=""><figcaption><p>Kategorieverwaltung</p></figcaption></figure> <figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FOPbP3qgl5QujOOa5NzI4%2Fwidgets--footer-navigation-categories1-layout.png?alt=media&#x26;token=d9571d59-b123-4b9d-8319-2e088545d863" alt=""><figcaption><p>Darstellung in der Storefront</p></figcaption></figure></div>

#### B) Umfangreiche Footer-Navigation (mehrspaltig)

Möchtest du in der Footer-Navigation hingegen mehre Spalten nutzen, erstelle mehrere Unterkategorien (z.B. "Shop Service" und "Informationen") in der Hauptkategorie (z.B. "Footer-Navigation"). Weise diesen Unterkategorien nun weiter Unterkategorien (z.B. "über uns", "Kontakt" oder "Impressum") hinzu. Diese Unter-Unterkategorien sind nun quasi die Content-Seiten. Weise Ihnen passende CMS-Layouts zu.

<div><figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FU8SWgdCLfBJ5Pe9KPJjt%2Fwidgets--footer-navigation-categories2.png?alt=media&#x26;token=48adb35c-e16d-4358-8a10-c6e5be1a6993" alt=""><figcaption><p>Kategorieverwaltung</p></figcaption></figure> <figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FQCzYEwlBkI3si2jPxKC1%2Fwidgets--footer-navigation-categories2-layout.png?alt=media&#x26;token=f6acf9f9-b2a0-426f-aba9-c9b89535d774" alt=""><figcaption><p>Darstellung in der Storefront</p></figcaption></figure></div>

{% hint style="info" %}
**Hinweis**: Wird dir einmal eine Änderung in der Footer-Navigation bzw. die Footer-Navigation nicht angezeigt, leere einfach einmal den Shopware Cache.
{% endhint %}

#### Footer-Navigation dem Verkaufskanal zuweisen

Wechsel in die Einstellungen des entsprechenden Verkaufskanals und wähle im Feld "Einstiegspunkt für die Footer-Navigation" die Hauptkategorie (z.B. "Footer-Navigation") der Footer-Navigation aus.

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FjskIrysXTutGfpm2Cls8%2Fwidgets--footer-navigation-sales-channel.png?alt=media&#x26;token=965a7679-a9d2-45dc-ba0e-9e2919ece94a" alt=""><figcaption><p>Einstiegspunkt für die Footer-Navigation</p></figcaption></figure>

Speicher diese Änderung, leere einmal den Shopware Cache ("Einstellungen" => "System" => "Caches & Indizes") und lade die Storefront einmal neu.

Du hast nun die Footer-Navigation deinem Storefront zugewiesen.

In allen Themes ist die Footer-Navigation bereits einem Footer-Element zugewiesen und sollte nun direkt angezeigt werden.

{% hint style="success" %}
**Tipp**: Im ThemeWare® Video-Tutorial "Footer-Navigation konfigurieren" zeigen wir dir, wie du die Footer-Navigation erstellem und zuweisen kannst.
{% endhint %}

***

## Zusammenfassung

#### **Theme-Konfiguration**

* Tab "Widgets" => Bereich "Footer-Navigation"

#### Textbausteine

* Die Footer-Navigation nutzt keine Textbausteine.

\[Tags: footernavigation]