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.

Benötigen Sie ein individuelles Navigations-Layout oder ein Mega-Menü? Beschreiben Sie es Fudge.

Try Fudge for Free

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

Was 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übearbeitungen. Änderungen dort werden sofort in deinem Shop übernommen, sobald du speicherst.

Im Theme-Editor änderst du das Erscheinungsbild der Navigation (Schriftart, Farbe, Layout-Stil) – nicht die Menüelemente selbst.