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 anfassen zu müssen.
- Ziehe Elemente unter einem übergeordneten Punkt nach rechts, um sie als Dropdown-Elemente zu verschachteln.
- Änderungen an Navigationsmenüs sind sofort live, wenn du speicherst.
Die Bearbeitung der Navigation in Shopify ist einer der intuitiveren Teile des Admins. Hier ist eine komplette Anleitung zu allem, was du tun kannst.
Warum Sie uns vertrauen können
Wir haben hunderte von Shopify-Storefronts erstellt und angepasst. Wir haben auch Fudge entwickelt – einen KI-Storefront-Editor mit einer 5,0-Bewertung 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. Öffnen Sie das Menü, das Sie bearbeiten möchten (Onlineshop > Navigation > auf das Menü klicken).
Schritt 2. Klicken Sie auf Menüpunkt hinzufügen.
Schritt 3. Geben Sie den Namen ein – dies ist die Bezeichnung, die Kunden sehen (z. B. „Shop“, „Über uns“, „Sale“).
Schritt 4. Legen Sie den Link fest. Sie können verlinken auf:
- Eine Seite in Ihrem Store – tippen oder nach Namen suchen
- Eine Kategorie (Collection) – stöbern oder suchen
- Ein Produkt – stöbern oder suchen
- Einen Blog
- Eine benutzerdefinierte URL – jede beliebige URL inklusive externer Links einfügen
- Nichts – leer lassen, wenn dieser Punkt nur ein übergeordnetes Label für ein Dropdown ohne eigenes Ziel sein soll
Schritt 5. Klicken Sie auf Hinzufügen, um den Punkt zu bestätigen, und dann 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 manchmal ü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 Menüänderungen. Änderungen dort werden sofort in deinem Shop übernommen, wenn du speicherst.
Im Theme-Editor änderst du das Aussehen der Navigation (Schriftart, Farbe, Layout-Stil) – nicht die Menüpunkte selbst.
FAQ
5–7 Elemente auf der obersten Ebene sind ein guter praktischer Richtwert. Unter 5 wirkt es oft leer und wichtige Kategorien gehen unter; über 8 wirkt die Navi auf dem Desktop überfüllt und erzwingt unschöne Umbrüche auf kleineren Bildschirmen. Nutze Dropdowns, um Unter-Kategorien anzuzeigen, ohne die Menge auf der obersten Ebene aufzublähen.
Der Theme Editor speichert Navigationsdaten beim ersten Laden im Cache. Aktualisiere nach dem Speichern von Navigationsänderungen den Theme Editor (Browser-Refresh), um das aktualisierte Menü in der Vorschau zu sehen. Das Live-Storefront wird sofort aktualisiert und hat diese Cache-Ebene nicht.
Ja — füge eine beliebige URL (auch externe) in das Link-Feld ein, wenn du einen Menüpunkt hinzufügst. Nutze dies 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, was du möchtest an Fudge ("externe Navi-Links in einem neuen Tab öffnen") und es passt das Liquid-Rendering des Menüs an.
Nein. Die Navigation befindet sich unter Onlineshop → Navigation, getrennt von deinen Theme-Dateien. Das Speichern des Menüs schaltet die Änderungen beim aktiven Theme sofort live. Der Theme Editor steuert das Aussehen des Menüs (Schriftart, Layout, Farben) — diese Änderungen erfordern ein Veröffentlichen im Theme Editor.
Ja, bei Menüs, die definitiv veraltet sind (z. B. von einem entfernten Feature oder Theme). Das Löschen räumt die Navigationsliste auf und verhindert, dass du aus Versehen das falsche Menü einem Footer oder einer Section zuweist. 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üpunkte in Shopify neu anordnen.
Verwandt: Eine Landingpage in Shopify erstellen.