Das Wichtigste in Kürze
- Gehe zu Onlineshop > Navigation > klicke auf das Menü > Menüpunkt hinzufügen.
- Lege den Namen (den Text, der in der Navigation angezeigt wird) und das Link-Ziel fest.
- Du kannst auf jede Seite, Kategorie, jedes Produkt, jeden Blog oder eine benutzerdefinierte URL verlinken.
- Um ein Dropdown-Menü zu erstellen, ziehe einen neuen Menüpunkt nach rechts unter einen übergeordneten Menüpunkt.
Einen neuen Menüpunkt zu deiner Shopify-Navigation hinzuzufügen, dauert etwa 30 Sekunden. Hier erfährst du, wie das geht und wie du es als Dropdown einrichtest.
Warum Sie uns vertrauen können
Wir haben Hunderte von 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.
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 rund 250 Einträge pro Menü. Das praktische Limit liegt meist deutlich darunter – mehr als 7-8 Hauptmenüpunkte lassen die Desktop-Navigation überladen wirken, und Dropdowns mit mehr als 10 Einträgen werden unübersichtlich. Wenn du mehr brauchst, solltest du stattdessen ein Mega-Menü in Betracht ziehen.
Ja. Wenn du den Punkt hinzufügst, lass das Link-Feld einfach leer oder wähle "Kein Link" aus. Das übergeordnete Element fungiert dann nur als Beschriftung, die das Dropdown öffnet – ein Klick darauf bewirkt nichts. Das ist nützlich für Kategorie-Überschriften wie "Shop" oder "Ressourcen", bei denen das übergeordnete Element kein echtes Ziel ist.
Die native Navigation unterstützt keine Icons pro Menüpunkt. Die sauberste Lösung: Beschreibe Fudge, was du möchtest ("ein Lucide-Icon neben jedem Hauptmenüpunkt rendern, basierend auf dem Handle"), und es bearbeitet den Header-Liquid-Code, um ein SVG pro Punkt zu rendern. Eine schnelle Alternative: Verwende ein Emoji direkt in der Menü-Beschriftung ("🔥 Sale"). Einige Premium-Themes bieten die Icon-Funktion pro Menüpunkt auch von Haus aus an.
Nicht über die Standard-Menü-UI. Um das Öffnen in einem neuen Tab zu erzwingen, müsstest du den Liquid-Code der Header-Section bearbeiten und target="_blank" rel="noopener" basierend auf einer benutzerdefinierten Bedingung hinzufügen (z. B. URL-Muster oder ein Metafeld am Menüpunkt). Für externe Links, die sich in einem neuen Tab öffnen sollen, lohnt sich diese kleine Code-Änderung.
Gehe zu Onlineshop → Navigation → klicke auf das Menü → fahre mit der Maus über einen beliebigen Eintrag, um links den Drag-Handle zu sehen → ziehe ihn nach oben oder unten, um ihn neu anzuordnen. Ziehe ihn nach rechts, um ihn als Dropdown unter dem vorherigen Punkt zu verschachteln, oder nach links, um die Verschachtelung aufzuheben. Speichere das Menü, wenn du fertig bist.
