> ## Documentation Index
> Fetch the complete documentation index at: https://dokumentation.websale.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Navigation

> Überblick über die Navigation eines WEBSALE V8s Shops: Produktmenü, Links zu Firmen-Informationen und Breadcrumb-Pfad.

Beim Design eines Onlineshops gehört die Navigation zu den ersten Aufgaben. Dabei sind zwei Aufgaben zu lösen. Erstens braucht der Warenkatalog mit allen Kategorien und Produkten eine Menüstruktur, das Produktmenü. Zweitens brauchen alle übrigen Angebote eigene Menüelemente und Links, beispielsweise Impressum, AGB und Kontakt.

Dazu kommt der Breadcrumb-Pfad als Orientierungshilfe innerhalb des Katalogs.

## Produktmenü

Für den Warenkatalog stellt WEBSALE V8s zwei Menütypen zur Verfügung. Sie unterscheiden sich im Aufwand und in den gestalterischen Freiheiten.

| Menütyp | Aufbau | Sinnvoll, wenn |
| - | - | - |
| Listenmenü | wird durch ein einzelnes Tag automatisch erzeugt | Sie eine Standardnavigation schnell und pflegearm aufbauen möchten |
| Menü mit Einzelpositionierung | Menüebenen und Navigationspunkte werden aus Bereichen und Schleifen selbst gebaut | Sie das Menü grafisch frei gestalten möchten |

Beide Typen lassen sich auch kombinieren, beispielsweise ein automatisch erzeugtes Untermenü unter einem frei gestalteten Hauptmenü. Neben der automatischen Erzeugung und den Design-Möglichkeiten unterscheiden sich die Typen in weiteren technischen Merkmalen und Optionen, die auf den jeweiligen Seiten beschrieben sind.

Wegweiser: [Automatisch generiertes Produktmenü](https://dokumentation.websale.de/v8s/navigation/automatisch-generiertes-produktmenue.md)

## Links zu Firmen-Informationen und Service-Angeboten

Firmen-Informationen und Services gehören nicht zum Warenkatalog und sind mit dem Bestellprozess allenfalls indirekt verknüpft. Sie werden deshalb nicht über das Produktmenü erzeugt, sondern als einzelne Links an einer beliebigen Stelle im Shop eingefügt, üblicherweise im Header oder im Footer.

Den Pfad zu diesen Seiten erzeugen die Tags `WS-LoadTpl()` und, für verschlüsselt auszuliefernde Seiten, [`WS-SSLLoadTpl()`](https://dokumentation.websale.de/v8s/referenz/tags/ws/includes-templates-css-und-js).

Referenz: [WS-LoadTpl()](https://dokumentation.websale.de/v8s/referenz/tags/ws/includes-templates-css-und-js.md)

## Breadcrumb-Navigation für Kategorie und Produkt

Den Breadcrumb-Pfad erzeugt das Shopsystem automatisch und dynamisch aus dem aktuellen Kategoriepfad. Er erfüllt zwei Zwecke. Der Besucher sieht, an welcher Stelle der Shopstruktur er sich befindet, und er kann direkt zu jedem Element des Pfads springen.

Zusätzlich lassen sich im Breadcrumb-Pfad Mikrodaten für Suchmaschinen unterbringen, aus denen Suchmaschinen sogenannte Rich Snippets erzeugen.

Referenz: [Cat-Path](https://dokumentation.websale.de/v8s/referenz/tags/cat/navigation-und-kategoriebaum.md#die-tags-im-uberblick)


## Related topics

- [Navigation und Kategoriebaum](https://dokumentation.websale.de/v8s/referenz/tags/cat/navigation-und-kategoriebaum.md)
- [$wsNavigation - Breadcrumb](https://dokumentation.websale.de/frontend/referenz/module/wsnavigation.md)
- [Blättern - Navigation zwischen Produkten](https://dokumentation.websale.de/frontend/funktionsubersicht/blaettern-von-produkt-zu-produkt.md)
- [ST- (Seitenzustand und Navigation)](https://dokumentation.websale.de/v8s/referenz/tags/st/seitenzustand-und-navigation.md)
- [FACT-Finder: Filter, Sortierung und Navigation](https://dokumentation.websale.de/v8s/integration-von-fact-finder/fact-finder-filter-sortierung-und-navigation.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.