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 unter einem übergeordneten Punkt nach rechts, um sie als Dropdown-Elemente zu verschachteln.
- Änderungen an Navigationsmenüs sind nach dem Speichern sofort live.
Die Navigation in Shopify zu bearbeiten, ist einer der intuitivsten Teile im Adminbereich. Hier ist eine komplette Anleitung für alles, was du tun kannst.
Warum Sie uns vertrauen können
Wir haben hunderte Shopify-Storefronts erstellt und angepasst. Wir haben außerdem Fudge entwickelt – einen KI-Storefront-Editor mit einer Bewertung von 4.8 im Shopify App Store.
Wo man den Navigations-Editor in Shopify findet
Navigationsmenüs werden in einem speziellen Bereich des Shopify-Admins verwaltet:
Onlineshop > Navigation
Sie sehen eine Liste all Ihrer Menüs. Die meisten Stores haben standardmäßig mindestens zwei:
- Hauptmenü (Main menu) – wird im Header Ihres Stores angezeigt
- Fußzeilenmenü (Footer menu) – wird im Footer angezeigt
Klicken Sie auf ein beliebiges Menü, um den Editor zu öffnen.
Verwandt: Create a Collection Page in Shopify.
Verwandt: Reorder Menu Items in Shopify.
Verwandt: Create a Landing Page in Shopify.
So fügen Sie einen neuen Menüpunkt hinzu
Schritt 1. Öffne das Menü, das du bearbeiten möchtest (Onlineshop > Navigation > klicke auf das Menü).
Schritt 2. Klicke auf Menü-Eintrag 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 Shop – tippe den Namen ein oder suche danach
- 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 das Feld leer, wenn dieser Eintrag ein übergeordnetes Dropdown-Label ohne eigenes Ziel sein soll
Schritt 5. Klicke auf Hinzufügen, um den Eintrag zu bestätigen, und danach oben auf Menü speichern.
So bearbeiten Sie einen bestehenden Menüpunkt
Klicken Sie auf einen bestehenden Menüpunkt, um ihn zu erweitern. Sie können den Namen und den Link direkt aktualisieren. Klicken Sie außerhalb des Feldes oder drücken Sie Enter zum Bestätigen, dann speichern Sie.
So löschen Sie einen Menüpunkt
Klicken Sie auf den Menüpunkt, um ihn zu erweitern, und klicken Sie dann auf die Schaltfläche Löschen (Papierkorb-Symbol oder Link „Menüpunkt löschen“). Speichern Sie das Menü zur Bestätigung.
So ordnen Sie Menüpunkte neu an
Bewegen Sie den Mauszeiger über einen Menüpunkt. Auf der linken Seite erscheint ein Drag-Handle (sechs Punkte oder drei Linien). Klicken und ziehen Sie das Element an seine neue Position.
Elemente oben in der Liste erscheinen zuerst in der Navigation, Elemente unten zuletzt.
So erstellen Sie Dropdown-Menüs
Um Elemente unter einem übergeordneten Element zu verschachteln (und ein Dropdown-Menü zu erstellen):
Schritt 1. Ziehe im Menü-Editor ein Menüelement leicht nach rechts, bis es unter dem darüber liegenden Element eingerückt wird.
Schritt 2. Das übergeordnete Element wird zum Dropdown-Label. 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ü.
Die meisten Shopify-Themes unterstützen eine Verschachtelungsebene (Eltern > Kind). Einige Themes unterstützen zwei Ebenen (Eltern > Kind > Enkelkind), aber das variiert je nach Theme.
Verwandtes Thema: Erstelle ein Dropdown-Menü in Shopify.
Hauptmenü vs. Fußzeilenmenü
Shopify-Themes rufen die Navigation normalerweise aus zwei separaten Menüs ab:
- Das Hauptmenü (Handle:
main-menu) wird im Header angezeigt - Das Fußzeilenmenü (Handle:
footer) wird im Footer angezeigt
Wenn Sie unterschiedliche Links im Header und im Footer möchten, aktualisieren Sie jedes Menü separat. Einige Themes unterstützen zusätzliche Menüs (sekundäre Navigation, mobile-spezifische Menüs) – prüfen Sie dazu die Einstellungen Ihres Themes im Theme Editor.
Navigationsänderungen erfordern nicht den Theme Editor
Eine Sache, die Händler oft übersehen: Du musst nicht in den Theme-Editor gehen, um die Navigation zu ändern. Der Bereich Navigation im Shopify-Adminbereich ist der richtige Ort für alle Anpassungen am Menü. Änderungen dort werden nach dem Speichern sofort in deinem Shop übernommen.
Im Theme-Editor änderst du das Aussehen der Navigation (Schriftart, Farbe, Layout-Stil) – nicht die Menüeinträge selbst.
FAQ
5–7 Einträge auf der obersten Ebene sind ideal. Unter 5 wirkt das Menü oft leer und wichtige Kategorien könnten übersehen werden; über 8 macht die Navigation auf dem Desktop überladen und führt zu unschönen Umbrüchen auf kleineren Bildschirmen. Nutze Dropdowns, um Unterkategorien anzuzeigen, ohne die Anzahl der Hauptelemente aufzublähen.
Der Theme-Editor speichert die Navigationsdaten beim ersten Laden im Cache. Nach dem Speichern von Menü-Änderungen musst du den Theme-Editor aktualisieren (Browser-Refresh), um das aktualisierte Menü in der Vorschau zu sehen. Der Live-Shop wird sofort aktualisiert und hat diesen Caching-Layer nicht.
Ja — füge beim Hinzufügen eines Menüeintrags eine beliebige URL (auch externe) in das Link-Feld ein. Nutze das für Affiliate-Landingpages, Seiten der Muttergesellschaft oder externe Partnerinhalte. Externe Links öffnen sich standardmäßig nicht in einem neuen Tab; um das target="_blank"-Verhalten zu bekommen, beschreibe einfach bei Fudge ("externe Navigationslinks in einem neuen Tab öffnen"), was du möchtest, und es passt den Liquid-Code für das Menü-Rendering an.
Nein. Die Navigation befindet sich unter Onlineshop → Navigation, getrennt von deinen Theme-Dateien. Das Speichern des Menüs schaltet die Änderungen im aktiven Theme sofort live. Der Theme-Editor steuert das Aussehen des Menüs (Schriftart, Layout, Farben) — nur für diese Änderungen muss das Theme im Editor neu gespeichert bzw. veröffentlicht werden.
Ja, bei Menüs, die definitiv veraltet sind (z. B. von einer entfernten Funktion oder einem alten Theme). Das Löschen räumt die Navigationsliste auf und verhindert, dass versehentlich das falsche Menü einem Footer oder Abschnitt zugewiesen wird. Stelle vor dem Löschen sicher, dass nichts auf das Menü-Handle verweist — durchsuche zur Sicherheit deinen Theme-Code nach dem Handle.
Verwandt: Eine Kategorie-Seite in Shopify erstellen.
Verwandt: Menüeinträge in Shopify neu anordnen.
Verwandt: Eine Landingpage in Shopify erstellen.