Das Wichtigste in Kürze
- Gehe zu Onlineshop > Navigation > klicke auf das Menü, das du bearbeiten möchtest.
- Du kannst Menüpunkte hinzufügen, bearbeiten, löschen und neu anordnen, ohne Code anzufassen.
- Ziehe Elemente nach rechts unter ein übergeordnetes Element, um sie als Dropdown-Elemente zu verschachteln.
- Änderungen an Navigationsmenüs sind sofort live, wenn du speicherst.
Um ein Navigationsmenü in Shopify zu bearbeiten, gehe zu Onlineshop > Navigation, klicke auf das Menü (normalerweise Hauptmenü oder Fußzeilenmenü), füge Elemente hinzu, benenne sie um, verschiebe oder lösche sie und klicke auf Menü speichern. Änderungen gehen live, sobald du speicherst.
Warum du uns vertrauen kannst
Wir haben Hunderte von Shopify-Storefronts aufgebaut und angepasst. Wir entwickeln auch Fudge, den KI-Operator für Shopify-Stores, mit einer Bewertung von 4.9 im Shopify App Store. Wenn ein Menü mehr braucht, als der Navigationseditor zulässt, schreibt der zugehörige Store-Editor die Änderung als Entwurf direkt ins Theme.
Wo du den Navigations-Editor in Shopify findest
Navigationsmenüs werden in einem speziellen Bereich des Shopify-Admins verwaltet:
Onlineshop > Navigation
Du siehst eine Liste all deiner Menüs. Die meisten Stores haben standardmäßig mindestens zwei:
- Hauptmenü - wird im Header deines Stores angezeigt
- Fußzeilenmenü - wird im Footer angezeigt
Klicke auf ein beliebiges Menü, um den Editor zu öffnen.
Wie man einen neuen Menüpunkt hinzufügt
Schritt 1. Öffne das Menü, das du bearbeiten möchtest (Onlineshop > Navigation > klicke auf das Menü).
Schritt 2. Klicke auf Menüpunkt hinzufügen.
Schritt 3. Gib den Namen ein - das ist das Label, das Kunden sehen (z. B. “Shop”, “Über uns”, “Sale”).
Schritt 4. Lege den Link fest. Du kannst verlinken auf:
- Eine Seite in deinem Store - tippen oder nach Namen suchen
- Eine Kategorie (Collection) - durchsuchen oder suchen
- Ein Produkt - durchsuchen oder suchen
- Einen Blog
- Eine benutzerdefinierte URL - füge eine beliebige URL ein, einschließlich externer Links
- Nichts - lass dies leer, wenn dieser Punkt ein übergeordnetes Dropdown-Label ohne eigenes Ziel ist
Schritt 5. Klicke auf Hinzufügen, um den Punkt zu bestätigen, und dann oben auf Menü speichern.
Wie man einen bestehenden Menüpunkt bearbeitet
Klicke auf einen beliebigen bestehenden Menüpunkt, um ihn aufzuklappen. Du kannst den Namen und den Link direkt aktualisieren. Klicke außerhalb des Bereichs oder drücke Enter zur Bestätigung, dann speichere.
Wie man einen Menüpunkt löscht
Klicke auf den Menüpunkt, um ihn aufzuklappen, und klicke dann auf den Löschen-Button (Mülleimer-Symbol oder “Eintrag löschen”-Link). Speichere das Menü zur Bestätigung.
Wie man Menüpunkte neu anordnet
Fahre mit der Maus über einen beliebigen Menüpunkt. Auf der linken Seite erscheint ein Drag-Handle (sechs Punkte oder drei Linien). Klicke und ziehe das Element an seine neue Position.
Elemente ganz oben in der Liste erscheinen in der Navigation zuerst, Elemente ganz unten erscheinen zuletzt.
Tipps zum Neuordnen und Lösungen, wenn sich ein Element nicht bewegen lässt, findest du unter Wie man Menüpunkte in Shopify neu anordnet.
Wie man Dropdown-Menüs erstellt
So verschachtelst du Elemente unter einem übergeordneten Element (um ein Dropdown zu erstellen):
Schritt 1. Ziehe ein Menüelement im Menüeditor etwas nach rechts, bis es unter dem Element darüber eingerückt ist.
Schritt 2. Das übergeordnete Element wird zur Dropdown-Beschriftung. Das eingerückte Element wird zu einer Dropdown-Option.
Schritt 3. Du kannst mehrere Elemente unter demselben übergeordneten Element verschachteln.
Schritt 4. Speichere das Menü.
Shopify-Menüs gehen drei Ebenen tief (Eltern > Kind > Enkel). Dawn und die meisten aktuellen Themes zeigen alle drei an; überprüfe ältere Themes in der Vorschau, da einige nur zwei anzeigen.
Informationen zu Links von übergeordneten Elementen und dem Verhalten auf Mobilgeräten findest du unter Wie man ein Dropdown-Menü in Shopify erstellt.
Hauptmenü vs. Fußzeilenmenü
Shopify-Themes ziehen die Navigation normalerweise aus zwei separaten Menüs:
- Das Hauptmenü (Handle:
main-menu) wird im Header angezeigt - Das Fußzeilenmenü (Handle:
footer) wird im Footer angezeigt
Wenn du verschiedene Links im Header und im Footer haben möchtest, aktualisiere jedes Menü separat. Einige Themes unterstützen zusätzliche Menüs (sekundäre Navigation, mobile-spezifische Menüs) - überprüfe dafür die Theme-Einstellungen im Theme-Editor.
Navigationsänderungen erfordern nicht den Theme-Editor
Eine Sache, die Händler manchmal übersehen: Du musst nicht in den Theme-Editor gehen, um die Navigation zu ändern. Der Bereich “Navigation” im Shopify-Admin ist der richtige Ort für alle Menübearbeitungen. Änderungen dort werden sofort in deinem Store wirksam, wenn du speicherst.
Der Theme-Editor ist der Ort, an dem du das Erscheinungsbild der Navigation (Schriftart, Farbe, Layout-Stil) ändern würdest - nicht die Menüpunkte selbst.
FAQ
Wie viele Elemente sollte ich in der Hauptnavigation von Shopify haben?
5–7 Top-Level-Elemente sind in der Praxis ideal. Unter 5 wirkt es oft leer und wichtige Kategorien gehen unter; bei über 8 wirkt die Navigation auf dem Desktop überladen und bricht auf kleineren Bildschirmen unschön um. Nutze Dropdowns, um Unterkategorien anzuzeigen, ohne die Anzahl der Top-Level-Elemente aufzublähen.
Warum erscheinen meine Menüänderungen in der Storefront, aber nicht in der Vorschau des Theme-Editors?
Der Theme-Editor speichert Navigationsdaten beim ersten Laden im Cache. Aktualisiere den Theme-Editor (Browser-Aktualisierung) nach dem Speichern von Navigationsänderungen, um das aktualisierte Menü in der Vorschau zu sehen. Die Live-Storefront aktualisiert sich sofort und hat diese Caching-Ebene nicht.
Kann ich aus der Shopify-Navigation auf externe Websites verlinken?
Ja – füge beim Hinzufügen eines Menüpunkts eine beliebige URL (auch externe) in das Feld Link ein. Nutze das für Affiliate-Landingpages, Websites der Muttergesellschaft oder Inhalte externer Partner. Externe Links öffnen sich standardmäßig nicht in einem neuen Tab; um das Verhalten target="_blank" zu erreichen, beschreibe Fudge einfach, was du möchtest ("externe Navigationslinks in einem neuen Tab öffnen"), und es passt das Liquid-Rendering des Menüs an.
Müssen Themes neu veröffentlicht werden, wenn ich die Navigation ändere?
Nein. Die Navigation befindet sich unter Onlineshop → Navigation, getrennt von deinen Theme-Dateien. Wenn du das Menü speicherst, werden die Änderungen sofort im aktiven Theme live geschaltet. Der Theme-Editor steuert das Aussehen des Menüs (Schriftart, Layout, Farben) – diese Änderungen werden im Theme-Editor gespeichert.
Sollte ich ungenutzte Shopify-Menüs löschen?
Ja, bei Menüs, die definitiv veraltet sind (z. B. durch ein entferntes Feature oder Theme). Das Löschen räumt die Navigationsliste auf und verhindert, dass du aus Versehen das falsche Menü in einem Footer oder einer Sektion zuweist. Stelle vor dem Löschen sicher, dass nichts mehr auf den Menü-Handle verweist – durchsuche zur Sicherheit deinen Theme-Code nach dem Handle.