Dropdowns zu deiner Navigation hinzufügen

Erstelle Listen mit Links, die angezeigt werden, wenn Besucher den Mauszeiger über den Navigationstext bewegen.

Zuletzt aktualisiert: 12. Februar 2025

Verwende die Drop-down-Funktion, um Drop-down-Navigationsmenüs auf deiner Website zu erstellen. Drop-downs werden manchmal als verschachtelte Seiten oder Untermenüs bezeichnet. Auf Squarespace waren sie zuvor als Ordner bekannt.

Jedes Drop-down erstellt ein einzelnes Menü in deiner Navigation. Du kannst mehrere Drop-downs für verschiedene Menüs hinzufügen, aber es ist nicht möglich, ein Drop-down in einem anderen Drop-down zu verschachteln.

Ein Video anschauen

Ein Dropdown hinzufügen

So fügst du ein Dropdown hinzu:

  1. Öffne das Seiten-Menü und klicke auf das Symbol +.
  2. Klicke auf Dropdown.
  3. Das leere Drop-down erscheint im Menü „Seiten“. Gib einen Titel für das Drop-down ein, der in der Navigation angezeigt werden soll.

Seiten zum Dropdown hinzufügen

Drop-downs sind keine Seiten, und es ist nicht möglich, ihnen direkt Inhalte hinzuzufügen. Wenn du Seiten zu einem Drop-down hinzufügst, werden diese stattdessen als Menü-Elemente angezeigt, die aus deiner Navigation „herunterfallen“, wenn ein Besucher mit der Maus darüber fährt.

Um eine vorhandene Seite zum Drop-down hinzuzufügen, lege sie per Drag-and-Drop in den Bereich unter dem Drop-down ab. Um eine neue Seite hinzuzufügen, klicke unter dem Drop-down auf Seite hinzufügen. Du kannst die Reihenfolge der Seiten per Drag-and-Drop innerhalb des Drop-downs ändern.

Es ist nicht möglich, Dropdowns innerhalb von Dropdowns zu verschachteln.

KB Guide Image

Dropdown-URL

Wenn du direkt zur URL eines Drop-downs navigierst, wirst du zur ersten Seite im Drop-down weitergeleitet. Wenn das Drop-down keine Seiten enthält, wird die Meldung „Dieser Ordner enthält keine Seiten“ angezeigt. Es ist nicht möglich, diesen Text zu ändern oder andere Inhalte hinzuzufügen.

Index-Seiten (Version 7.0)

Mit Ausnahme von Index-Seiten kannst du Seiten aller Art zu einem Drop-down hinzufügen. Um Besucher zu einer Index-Seite zu führen, wähle Link, klicke dann auf Klicken, um URL hinzuzufügen und leite den Link im Tab Inhalt auf deine Index-Seite weiter. Weitere Informationen zur Einrichtung von Links findest du unter Links zu deiner Website hinzufügen.

Dropdown-Anzeige

Die Darstellung deines Drop-downs hängt von der Version deiner Website ab.

Für Websites unter Version 7.1:

  • Die Seiten des Drop-downs werden angezeigt, wenn du den Mauszeiger über den Drop-down-Titel bewegst.
  • Ein Klick auf den Titel eines Drop-downs führt nicht dazu, dass sich die erste Seite öffnet.
  • Auf Mobilgeräten ist das Drop-down eingeklappt und öffnet sich beim Antippen.

Spezifische Informationen zu Version 7.0 findest du hier: Drop-down-Anzeige nach Template.

Hintergrundfarbe

Auf Websites der Version 7.1 hängt die Hintergrundfarbe deines Drop-downs von deinem Header-Stil ab:

  • Einfarbig – Die Hintergrundfarbe folgt entweder der Anpassung Hintergrundfarbe in deinen Header-Einstellungen oder der seitenübergreifenden Anpassung Abschnittshintergrund für das Design, das du für den Header auswählst. Um diese zu ändern, klicke auf Header bearbeiten, dann auf Design bearbeiten, dann auf den Tab Farbe und klicke dann entweder auf Farbe oder Design, je nachdem, welches Farbschema du ausgewählt hast. 
  • Farbverlauf – Die Hintergrundfarbe folgt der Anpassung Hintergrundfarbe in deinen Header-Einstellungen. Um dies zu ändern, klicke auf Header bearbeiten, dann auf Design bearbeiten und dann auf den Tab Farbe.
  • Adaptiv – Die Hintergrundfarbe entspricht der seitenübergreifenden Anpassung Abschnittshintergrund für das Design des ersten Abschnitts auf der Seite. Um dies zu ändern, öffne Website-Stile, klicke auf Farben, bewege den Mauszeiger über das im Abschnitt verwendete Design und klicke auf das Bleistift-Symbol.

Eine Liste der Anpassungen zur Einstellung dieser Farbe unter Version 7.0 findest du hier: Drop-down-Anzeige nach Template.

Das Dropdown löschen

Wenn du ein Drop-down löschst, werden die darin vorhandenen Seiten ebenfalls gelöscht.

So löschst du ein Dropdown:

  1. Fahre mit dem Mauszeiger im Seiten-Menü über das Drop-down und klicke auf das Papierkorb-Symbol.
  2. Klicken Sie zum Bestätigen auf Löschen
  1. Tippe auf Mehr und dann auf Seiten.
  2. Wenn du dich auf einer Website der Version 7.1 befindest, tippe auf das Drop-down-Menü, das du löschen möchtest, tippe auf das Papierkorb-Symbol und dann auf Bestätigen. Wische bei Websites der Version 7.0 im Drop-down-Menü nach links und tippe auf Löschen

Produktkategorie verschachtelte Menüs (Version 7.1)

Produktkategorien erstellen eine separate Navigation oben in Ihrem Shop.

Auf Shop-Seiten in Version 7.1 kannst du verschachtelte Unterkategorienmenüs erstellen. Mehr dazu erfährst du unter Produkte organisieren.

Shop-Seiten in Version 7.0 haben eine ‌Kategorie-Navigation, aber es ist nicht möglich, verschachtelte Unterkategorien anzuzeigen.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.

Dropdowns zu deiner Navigation hinzufügen