Das Wichtigste auf einen Blick
- Gehen Sie zu Onlineshop > Navigation > Klicken Sie auf das Menü > Menüeintrag hinzufügen.
- Legen Sie den Namen (Text in der Navigation) und das Link-Ziel fest.
- Sie können auf jede Seite, Kategorie, jedes Produkt, Blog oder eine benutzerdefinierte URL verlinken.
- Um ein Dropdown-Menü zu erstellen, ziehen Sie einen neuen Eintrag nach rechts unter einen übergeordneten Eintrag.
Einen neuen Eintrag zur Shopify-Navigation hinzuzufügen, dauert etwa 30 Sekunden. Hier erfahren Sie, wie es geht und wie Sie ein Dropdown-Menü einrichten.
Warum Sie uns vertrauen können
Wir haben hunderte Shopify-Storefronts erstellt und angepasst. Außerdem haben wir Fudge entwickelt – einen KI-Storefront-Editor mit einer 5.0-Bewertung im Shopify App Store.
So fügen Sie einen Menüeintrag in Shopify hinzu
Schritt 1. Gehen Sie in Ihrem Shopify-Admin zu Onlineshop > Navigation.
Schritt 2. Klicken Sie auf das Menü, dem Sie einen Punkt hinzufügen möchten. Bei den meisten Shops ist dies das Hauptmenü (Header) oder der Footer (Fußzeile).
Schritt 3. Klicken Sie auf Menüeintrag hinzufügen.
Schritt 4. Füllen Sie zwei Felder aus:
- Name – der Text, der in der Navigationsleiste erscheint. Halten Sie ihn kurz: ein oder zwei Wörter.
- Link – das Ziel, zu dem der Kunde gelangt, wenn er darauf klickt.
Schritt 5. Klicken Sie auf Hinzufügen, um den Punkt zur Liste hinzuzufügen.
Schritt 6. Klicken Sie auf Menü speichern.
Der neue Punkt erscheint sofort nach dem Speichern in Ihrer Navigation.
Verwandt: Eine neue Seite in Shopify erstellen.
Worauf Sie verlinken können
Beim Festlegen des Links für einen Menüpunkt zeigt der Link-Picker von Shopify eine durchsuchbare Liste all Ihrer Inhalte:
- Seiten – Über uns, Kontakt, FAQ oder jede benutzerdefinierte Seite
- Kategorien – alle Ihre Produktkategorien (Collections)
- Produkte – einzelne Produktseiten
- Blogs – Ihre Blog-Übersichtsseiten
- Blog-Beiträge – einzelne Artikel
- Custom URL – jeder Pfad oder externe Link, den Sie manuell eingeben
- Kein Link – nützlich, wenn der Punkt eine Dropdown-Überschrift ohne eigenes Ziel ist
Um auf eine externe Website zu verlinken, geben Sie die vollständige URL (einschließlich https://) in das Link-Feld ein.
Verwandt: Eine Kategorie-Seite in Shopify erstellen.
So erstellen Sie ein Dropdown-Menü
Damit ein neuer Punkt als Dropdown-Option unter einem bestehenden Navigationselement erscheint:
Schritt 1. Fügen Sie den neuen Menüpunkt wie oben beschrieben hinzu.
Schritt 2. Fahren Sie in der Menüliste mit der Maus über den neuen Punkt. Links erscheint ein Ziehgriff.
Schritt 3. Ziehen Sie den Punkt nach rechts und unter das übergeordnete Element, unter dem er verschachtelt werden soll.
Schritt 4. Lassen Sie los, wenn der Punkt eingerückt ist. Er erscheint nun als Dropdown unter dem übergeordneten Element.
Schritt 5. Speichern Sie das Menü.
Das übergeordnete Element muss bereits im Menü vorhanden sein. Wenn Sie eine neue Dropdown-Kategorie erstellen, fügen Sie zuerst das übergeordnete Element hinzu (Sie können den Link leer lassen, wenn es nur eine Beschriftung ist) und verschachteln Sie dann die untergeordneten Punkte darunter.
Verwandt: Ein Dropdown-Menü in Shopify erstellen.
Verwandt: Navigationsmenüs in Shopify bearbeiten.
Einen „Sale“- oder hervorgehobenen Eintrag zur Navigation hinzufügen
Ein häufiger Wunsch ist das Hinzufügen eines visuell hervorgehobenen Navigationspunkts – wie ein rotes „Sale“-Label oder ein „Neu“-Badge an einem bestimmten Menüpunkt. Der Menüpunkt selbst wird genauso hinzugefügt wie jeder andere Punkt.
Das Styling (Farbe, Fettdruck, Badge) ist ein separater Schritt:
- Einige Themes unterstützen dies nativ. Suchen Sie in Ihrem Theme-Editor im Bereich „Header“ nach einer Option für „Highlight“ oder „Accent“ bei Navigationselementen.
- Wenn Ihr Theme dies nicht bietet, ist eine kleine CSS-Änderung erforderlich, um diesen spezifischen Menüpunkt anzusprechen.
Sie können dies Fudge beschreiben: „Lass den Punkt ‘Sale’ in der Hauptnavigation in rotem Text mit einem kleinen Badge erscheinen.“
Verwandt: Menüpunkte in Shopify neu anordnen.
Einträge zum Fußzeilenmenü hinzufügen
Das Fußzeilenmenü funktioniert genau wie das Hauptmenü. Gehen Sie zu Onlineshop > Navigation > Footer und fügen Sie Einträge nach den gleichen Schritten hinzu.
Einige Themes unterstützen mehrere Fußzeilenspalten mit separaten Menüs für jede Spalte. Wenn Ihre Fußzeile Spalten hat (z. B. Spalten für „Shop“, „Unternehmen“, „Support“), prüfen Sie im Theme-Editor unter „Footer“, welche Menüs den einzelnen Spalten zugeordnet sind.
Was tun, wenn mein neuer Eintrag nicht in der Navigation erscheint?
Prüfe zwei Dinge:
-
Hast du gespeichert? Klicke auf „Menü speichern“ – die Änderung wird erst übernommen, wenn du explizit speicherst.
-
Ist dem Header das richtige Menü zugewiesen? Im Bereich Theme-Editor > Header gibt es normalerweise eine Einstellung dafür, welches Menü verwendet werden soll. Stelle sicher, dass hier das Menü ausgewählt ist, das du bearbeitet hast (oft „Hauptmenü“ mit dem Handle
main-menu).
FAQ
Shopify unterstützt bis zu drei Verschachtelungsebenen und insgesamt etwa 250 Elemente pro Menü. Das praktische Limit ist normalerweise deutlich niedriger – mehr als 7-8 Top-Level-Elemente machen die Desktop-Navigation überladen, und Dropdowns mit mehr als 10 Elementen werden unleserlich. Wenn du mehr Unterpunkte brauchst, solltest du stattdessen ein Mega-Menü in Betracht ziehen.
Ja. Lass beim Hinzufügen des Elements das Link-Feld leer oder wähle „Kein Link“ aus. Das übergeordnete Element fungiert dann rein als Label, das das Dropdown-Menü öffnet – ein Klick darauf bewirkt an sich nichts. Das ist oft nützlich für Kategorie-Header wie „Shop“ oder „Ressourcen“, bei denen das Parent-Element kein echtes Ziel ist.
Die native Navigation unterstützt standardmäßig keine Icons pro Menüpunkt. Die sauberste Lösung: Beschreibe Fudge einfach, was du möchtest („render a Lucide icon next to each main-menu item, mapped by handle“), und es bearbeitet den Header-Liquid-Code, um ein SVG pro Element zu rendern. Eine schnelle Alternative: Verwende direkt im Menü-Label ein Emoji („🔥 Sale“). Bei einigen Premium-Themes gibt es auch direkt eine native Einstellung für Icons pro Menüpunkt.
Nicht über das Standard-Menü-UI. Um das Öffnen in einem neuen Tab zu erzwingen, müsstest du den Liquid-Code des Header-Abschnitts bearbeiten, um basierend auf einer benutzerdefinierten Bedingung (z. B. URL-Muster oder einem Metafeld im Menüpunkt) target="_blank" rel="noopener" hinzuzufügen. Für externe Links, die du in einem neuen Tab öffnen möchtest, lohnt sich diese kleine Code-Anpassung.
Gehe auf Onlineshop → Navigation → klicke auf das Menü → hover mit der Maus über ein beliebiges Element, um den Drag-Handle auf der linken Seite zu sehen → ziehe es nach oben oder unten, um es neu anzuordnen. Durch Ziehen nach rechts kannst du es als Dropdown unter dem vorherigen Element verschachteln; ein Ziehen nach links hebt die Verschachtelung wieder auf. Speichere das Menü, wenn du fertig bist.
