Wichtige Erkenntnisse
- Gehen Sie zu Onlineshop > Navigation > Klicken Sie auf das Menü, das Sie bearbeiten möchten.
- Sie können Menüpunkte hinzufügen, bearbeiten, löschen und neu anordnen, ohne Code anzufassen.
- Ziehen Sie Elemente unter einem übergeordneten Element nach rechts, um sie als Dropdown-Elemente zu verschachteln.
- Änderungen an Navigationsmenüs sind sofort live, wenn Sie speichern.
Das Bearbeiten der Navigation in Shopify ist einer der intuitiveren Teile des Admin-Bereichs. Hier ist eine vollständige Anleitung zu allem, was Sie tun können.
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 Punkte auf der obersten Ebene sind ideal. Bei weniger als 5 wirkt es oft leer und wichtige Kategorien gehen unter; bei mehr als 8 wirkt die Navigation auf dem Desktop überladen und erzwingt auf kleineren Bildschirmen unschöne Zeilenumbrüche. Nutze Dropdowns, um Unterkategorien anzuzeigen, ohne die Anzahl 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-Aktualisierung), um das aktualisierte Menü in der Vorschau zu sehen. Das Live-Storefront wird sofort aktualisiert und hat diesen Caching-Layer nicht.
Ja – füge beim Hinzufügen eines Menüpunkts eine beliebige URL (auch externe) in das Feld „Link“ ein. Nutze dies für Affiliate-Landingpages, Websites der Muttergesellschaft oder externe Partnerinhalte. Externe Links öffnen sich standardmäßig nicht in einem neuen Tab. Um das target="_blank"-Verhalten zu erreichen, beschreibe Fudge einfach, was du möchtest („externe Navigationslinks in einem neuen Tab öffnen“) und es passt den Liquid-Code für das Menü an.
Nein. Die Navigation befindet sich unter Onlineshop → Navigation, getrennt von deinen Theme-Dateien. Wenn du das Menü speicherst, werden die Änderungen für das aktive Theme sofort live geschaltet. Der Theme-Editor steuert das Aussehen des Menüs (Schriftart, Layout, Farben) – diese Änderungen erfordern jedoch die Veröffentlichung über den Theme-Editor.
Ja, bei Menüs, die nachweislich 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 sicherheitshalber 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.