Wer bei Shopify ein Menü bearbeiten will, landet oft nach zwei Klicks in der Sackgasse: Der Menüpunkt lässt sich zwar verschieben, aber das gewünschte Dropdown erscheint nicht. Oder die Änderung ist im Editor sichtbar, im Shop selbst aber nicht. Die offizielle Shopify-Doku erklärt die Grundfunktionen knapp, sagt aber wenig darüber, wo genau es in der Praxis hakt.
Dieser Guide geht deutlich weiter als die Standardanleitungen. Du erfährst nicht nur, wie du in Shopify ein Menü erstellst und bearbeitest, sondern auch, wo die exakten Grenzen bei Dropdown-Ebenen liegen, wie Mega-Menüs mit und ohne App funktionieren, warum Änderungen manchmal nicht angezeigt werden und was das kaum dokumentierte 200-Änderungen-Limit mit deinem nächsten Restrukturierungs-Projekt zu tun hat. Am Ende findest du außerdem ein Diagnose-Tool für die häufigsten Anzeigefehler.
Wo finde ich die Menü-Einstellungen in Shopify?
Die Menü-Verwaltung liegt im Shopify-Admin unter Content → Menüs (in älteren Shops teils noch als Online-Shop → Navigation bezeichnet). Beide Bezeichnungen meinen denselben Bereich, nur die Admin-Struktur wurde im Zuge der letzten Jahre umbenannt.
Jeder Shopify-Shop startet mit zwei Standardmenüs:
- Hauptmenü: die primäre Navigation, meist im Header, mit den Standardpunkten „Home” und „Katalog”
- Footer-Menü: die Navigation im Fußbereich, häufig für rechtliche Seiten, Kontakt und Kundenservice
Ist die Kundenkonto-Funktion aktiviert, ergänzt Shopify automatisch ein drittes Menü für den Kontobereich. Zusätzlich lassen sich beliebig viele weitere Menüs anlegen, etwa für eine Top-Bar mit Versandhinweisen oder eine separate mobile Navigation, solange dein Theme diese Menüs auch anzeigt.
Menüs und Linklisten: der Begriff, den kaum jemand erklärt
Im Admin siehst du überall den Begriff „Menü”. Im Theme-Code, also in Liquid, taucht dieser Begriff nie auf. Dort heißt das identische Objekt linklist. Jedes Menü, das du im Admin anlegst, ist technisch eine Linkliste mit einem Handle, zum Beispiel main-menu oder footer.
Für die reine Bedienung im Admin brauchst du diesen Unterschied nicht. Sobald du aber ein Theme anpassen willst, etwa um ein zusätzliches Menü in einer bestimmten Section auszugeben, arbeitest du mit Code wie {{ linklists.main-menu.links }}. Diese Begriffsbrücke zwischen Admin-Oberfläche und Liquid-Code fehlt in fast jeder deutschsprachigen Anleitung und führt regelmäßig zu Verständnisproblemen, sobald ein Entwickler oder eine Entwicklerin ins Spiel kommt.
Neuen Menüpunkt hinzufügen: Schritt für Schritt
So fügst du in Shopify einen neuen Menüpunkt hinzu:
- Menü öffnen: Content → Menüs → gewünschtes Menü anklicken
- Menüpunkt hinzufügen: Button „Menüpunkt hinzufügen” klicken
- Name vergeben: Anzeigename eintragen, zum Beispiel „Sommerkollektion”
- Ziel verlinken: Über das Suchfeld eine Kollektion, ein Produkt, eine Seite, einen Blogartikel, eine externe URL oder eine Kundenkonto-Aktion auswählen
- Speichern: Änderung mit „Speichern” bestätigen
Für Kollektionsseiten lohnt sich vor der Verlinkung ein Blick auf die dahinterliegende Struktur. Wie du Kategorien und Kollektionen sinnvoll aufbaust, bevor du sie ins Menü einhängst, erklären wir in unserem Artikel zur Shopify SEO-Analyse.
Menüpunkte anordnen, umbenennen und löschen
Die Reihenfolge der Menüpunkte änderst du per Drag & Drop: Klicke auf das Kreuz-Symbol links neben dem Menüpunkt und ziehe ihn an die gewünschte Position. Zum Verschachteln ziehst du einen Punkt leicht nach rechts unter einen anderen, bis er einrückt.
Zwei Effekte solltest du kennen, bevor du größere Umbauten startest:
- Löschen eines übergeordneten Punkts entfernt automatisch alle darunter verschachtelten Unterpunkte. Es gibt keine Bestätigungsabfrage, die das im Detail auflistet.
- Löschen der verlinkten Ressource (zum Beispiel eines Produkts oder einer Seite) entfernt den zugehörigen Menüpunkt automatisch aus jedem Menü, in dem er verwendet wird.
Dropdown-Menü erstellen: die exakte Ebenen-Grenze
Ein Shopify-Menü erlaubt maximal drei Ebenen: den Top-Level-Punkt plus zwei verschachtelte Ebenen darunter. Das Footer-Menü bildet eine Ausnahme und zeigt ausschließlich Top-Level-Punkte, Dropdowns funktionieren dort systembedingt nicht.
Diese Grenze wird online oft widersprüchlich beschrieben, weil manche Quellen von „zwei Ebenen”, andere von „drei Ebenen” sprechen. Beide meinen dasselbe: zwei zusätzliche, verschachtelte Ebenen unterhalb des obersten Menüpunkts.
| Ebene | Beispiel | Im Footer möglich? |
|---|---|---|
| 1 (Top-Level) | Damen | Ja |
| 2 (1. Verschachtelung) | Damen → Jacken | Nein |
| 3 (2. Verschachtelung) | Damen → Jacken → Winterjacken | Nein |
So legst du ein Dropdown an:
- Erstelle den übergeordneten Menüpunkt, zum Beispiel „Damen”
- Erstelle einen neuen Menüpunkt, zum Beispiel „Jacken”
- Ziehe „Jacken” per Drag & Drop leicht nach rechts, direkt unter „Damen”, bis er einrückt
- Wiederhole den Vorgang für eine dritte Ebene, falls dein Theme sie unterstützt
Online Store 2.0 vs. ältere Themes: Warum manche Dropdowns einfach nicht funktionieren
Mehrstufige Navigation mit vollem Dropdown-Support ist garantiert bei jedem Theme auf Basis von Online Store 2.0. Ältere, sogenannte „vintage” oder sectioned Themes unterstützen teils nur eine einzige Ebene, unabhängig davon, wie du das Menü im Admin aufbaust.
Das erklärt einen häufigen Frust: Die Verschachtelung ist im Admin korrekt angelegt, im Theme erscheint trotzdem kein Dropdown. In diesem Fall liegt die Ursache nicht im Menü selbst, sondern im Theme. Ob dein aktuelles Theme auf Online Store 2.0 läuft, prüfst du unter Online-Shop → Themes, im Detailbereich des aktiven Themes. Steht dort „Online Store 2.0” nicht explizit vermerkt, lohnt sich ein Wechsel, gerade wenn Navigation ein zentraler Teil deiner UX-Strategie ist. Worauf es bei der Theme-Auswahl grundsätzlich ankommt, haben wir in Das passende Shopify-Theme wählen zusammengefasst.
Mega-Menü in Shopify erstellen: mit App oder eigenem Code
Ein klassisches Dropdown reicht für kleine Kataloge. Sobald mehrere Produktkategorien, Bilder oder Aktions-Boxen gleichzeitig im Menü sichtbar sein sollen, brauchst du ein Mega-Menü. Dafür gibt es zwei grundsätzlich unterschiedliche Wege.
Mega-Menü per App
Für die App-Lösung sprechen fehlendes Entwicklerwissen und ein schneller Start. Dagegen sprechen zusätzliches Skript-Gewicht und eine laufende Abo-Gebühr.
| App | Ausrichtung | Preis-Einstieg | Ohne Code nutzbar |
|---|---|---|---|
| Buddha Mega Menu & Navigation | Umfassende Mega-Menü-Baukästen, viele Layout-Vorlagen | Kostenloser Plan verfügbar, Aufpreis für erweiterte Layouts | Ja |
| Globo Mega Menu | Fokus auf Bilder, Icons und Kategorie-Vorschauen im Dropdown | Kostenloser Einstiegsplan mit begrenztem Funktionsumfang | Ja |
| Qikify Smart Menu & Navigation | Mega-Menü kombiniert mit Filter-Funktionen | Kostenloser Plan, kostenpflichtige Stufen für größere Shops | Ja |
| Hyper Menu | Drag-and-drop-Editor speziell für komplexe Navigationsstrukturen | Kostenpflichtig ab Einstiegsplan | Ja |
Prüfe bei jeder App vor der Installation die Theme-Kompatibilität und teste sie zunächst in einem dupliziertem Theme, bevor du sie live schaltest. Eine Übersicht, wie du Shopify-Apps grundsätzlich bewertest und auswählst, findest du in Die besten Shopify Apps.
Mega-Menü ohne App: der Liquid-Weg
Für ein Mega-Menü ohne App erweiterst du die Header-Section deines Themes um einen zusätzlichen Block, der beim Hover oder Klick auf einen Top-Level-Punkt eine breite, mehrspaltige Vorschau einblendet. Grundprinzip in stark vereinfachter Form:
{% for link in linklists.main-menu.links %}
<li class="nav-item">
<a href="{{ link.url }}">{{ link.title }}</a>
{% if link.links.size > 0 %}
<div class="mega-menu-panel">
{% for sublink in link.links %}
<a href="{{ sublink.url }}">{{ sublink.title }}</a>
{% endfor %}
</div>
{% endif %}
</li>
{% endfor %}Der Vorteil des Code-Wegs: kein zusätzliches Skript, volle Kontrolle über Layout und Ladezeit. Der Nachteil: laufende Wartung bei Theme-Updates und ein gewisses Liquid-Grundverständnis. Für Shops mit komplexer Kategoriestruktur und hohem Traffic ist der Code-Weg langfristig meist die schnellere und stabilere Lösung.
Menü im Theme zuweisen: der häufigste Fehler überhaupt
Ein neu erstelltes oder umbenanntes Menü zeigt sich im Shop erst, wenn es einer Section im Theme-Editor zugewiesen ist. So gehst du vor:
- Online-Shop → Themes → „Anpassen” öffnen
- Header-Section (oder Footer-Section) auswählen
- Im Einstellungsbereich der Section das Dropdown „Menü” öffnen
- Das gewünschte Menü auswählen
- Speichern
Viele Shops haben mehrere Menüs parallel angelegt, zeigen aber im Theme dauerhaft dasselbe alte Menü an, weil die neue Zuweisung nie nachgezogen wurde. Das ist mit Abstand der häufigste Grund, warum ein frisch bearbeitetes Menü im Livebetrieb unverändert bleibt.
Mobiles Menü: eigene Logik, eigene Fehlerquellen
Das mobile Menü folgt nicht automatisch derselben Logik wie die Desktop-Navigation. Je nach Theme greift eine von drei Varianten:
- Identisches Menü: Theme übernimmt exakt dieselbe Struktur wie am Desktop
- Separate Zuweisung: Theme bietet ein eigenes Einstellungsfeld für „Mobiles Menü”, unabhängig vom Desktop-Menü
- Kuratierte Teilmenge: Theme zeigt mobil nur die obersten Ebenen, tiefere Verschachtelungen werden ausgeblendet
Funktioniert das Dropdown am Desktop, mobil aber nicht, liegt die Ursache meist in einem dieser drei Punkte, seltener in einem echten Bug. Ein bekanntes Muster aus der Shopify-Community: Eine SEO- oder Tracking-App injiziert eine no-js-Klasse in den <html>-Tag und blockiert damit versehentlich das Hamburger-Icon. Deaktiviere in diesem Fall testweise Apps mit Zugriff auf den Head-Bereich, um den Verursacher zu finden.
Warum werden meine Menü-Änderungen nicht angezeigt?
Diese Frage taucht in der Shopify-Community häufiger auf als jede andere zum Thema Navigation. Die fünf wahrscheinlichsten Ursachen, sortiert nach Häufigkeit:
- Menü im Theme-Editor nicht zugewiesen (siehe oben)
- Browser- oder CDN-Cache zeigt eine ältere Version
- Markt- oder Sprachkontext mit eigener, nicht aktualisierter Navigation
- Theme unterstützt die gewählte Verschachtelungstiefe nicht
- 200-Änderungen-Limit der aktuellen Sitzung erreicht (siehe nächster Abschnitt)
Wähle unten dein konkretes Symptom aus, um direkt zur passenden Lösung zu springen.
Das 200-Änderungen-Limit: der unterschätzte Blocker bei Massen-Umbauten
Jede Bearbeitungssitzung im Shopify-Menü ist auf 200 Änderungen begrenzt. Hinzufügen, Bearbeiten, Verschieben und Löschen zählen dabei jeweils einzeln, nicht pro Menüpunkt insgesamt. Wer eine große Navigation mit vielen Unterkategorien in einem Durchgang komplett neu aufbaut, kann dieses Limit erreichen, ohne es zu merken, bis Shopify weitere Änderungen blockiert.
Wie Menüstruktur die Sichtbarkeit deines Shops beeinflusst
Die Navigation ist mehr als eine Bedienungshilfe. Sie ist die wichtigste interne Verlinkung deines Shops und beeinflusst direkt, wie Suchmaschinen und KI-Systeme deine Kategoriestruktur bewerten.
- Flache Struktur eignet sich für Shops mit wenigen Kategorien, meist unter zehn: kurze Klickwege, klare Orientierung
- Tiefere Struktur mit Dropdowns eignet sich für große Sortimente: mehr Kategorien sichtbar, ohne die Startseite zu überladen
- Konsistente Benennung zwischen Menü, URL-Struktur und Breadcrumbs verbessert, wie zuverlässig Suchmaschinen deine Kategorien einordnen
Ein Praxisbeispiel für einen mittelgroßen Shop: sechs Top-Level-Punkte im Hauptmenü, davon zwei mit Dropdown für Unterkategorien, plus ein Footer-Menü mit rund acht Links für rechtliche Seiten, Kontakt und Service. Diese Struktur bleibt übersichtlich und lässt sich mit wachsendem Sortiment durch zusätzliche Dropdown-Ebenen erweitern, ohne das Hauptmenü selbst zu verlängern.
Wie du deine Kategorien inhaltlich für Suchmaschinen und KI-Suchsysteme aufbereitest, zeigt unser Artikel zu GEO vs. SEO.
Barrierefreiheit im Menü: BFSG-Anforderungen seit Juni 2025
Seit dem 28. Juni 2025 verpflichtet das Barrierefreiheitsstärkungsgesetz (BFSG) viele Online-Shops in Deutschland zu einer barrierefreien Website, die Navigation eingeschlossen. Für dein Shopify-Menü heißt das konkret:
- Tastaturbedienbarkeit: Jeder Menüpunkt und jedes Dropdown muss ohne Maus, allein per Tab-Taste, erreichbar und bedienbar sein
- ARIA-Kennzeichnung: Dropdown-Auslöser benötigen korrekte ARIA-Attribute, damit Screenreader den Zustand „geöffnet” oder „geschlossen” erkennen
- Ausreichender Kontrast: Menütext und Hover-Zustände müssen die Mindestkontrastwerte erfüllen
Die meisten Online Store 2.0 Themes erfüllen die Grundanforderungen bereits, individuelle Anpassungen an Dropdowns oder Mega-Menüs solltest du aber gezielt mit Tools wie axe, WAVE oder dem Lighthouse-Accessibility-Report prüfen. Wie du Barrierefreiheit auch über Bild- und Alt-Text-Ebene sauber umsetzt, beschreiben wir in Shopify Alt-Texte übersetzen.
Best Practices für eine nutzerfreundliche Shopify-Navigation
- Beschränke das Hauptmenü auf maximal sieben Top-Level-Punkte, mehr wirkt unübersichtlich
- Verwende Begriffe, die deine Zielgruppe tatsächlich nutzt, nicht interne Abteilungsnamen
- Halte die Benennung zwischen Menü, Kategorieseite und Breadcrumb identisch
- Ergänze eine Suchfunktion, statt jede mögliche Unterkategorie ins Menü zu zwingen
- Teste jede größere Änderung zuerst im Vorschaumodus, bevor du sie veröffentlichst
Navigation, die konvertiert statt nur verwaltet
Wir analysieren deine aktuelle Shopify-Navigation, decken Anzeigefehler und Barrierefreiheits-Lücken auf und bauen dir eine Struktur, die Nutzer und Suchmaschinen gleichermaßen verstehen. Im kostenlosen Erstgespräch schauen wir uns dein Menü konkret an.
FAQ: Shopify Menü bearbeiten
Im Admin unter Content → Menüs, in älteren Shops teils noch unter Online-Shop → Navigation. Beide Bezeichnungen führen zum gleichen Bereich.
Maximal drei Ebenen: ein Top-Level-Punkt plus zwei verschachtelte Ebenen darunter. Das Footer-Menü zeigt ausschließlich Top-Level-Punkte, Dropdowns sind dort nicht möglich.
Meist weil das Menü im Theme-Editor keiner Section (Header oder Footer) zugewiesen ist. Weitere Ursachen sind Browser-Cache, ein separater Markt-Kontext oder ein Theme, das die gewählte Verschachtelungstiefe nicht unterstützt.
Wahrscheinlich hast du das Limit von 200 Änderungen pro Bearbeitungssitzung erreicht. Speichere zwischendurch und lade die Seite neu, dann setzt sich der Zähler zurück.
Im Admin heißt jede Navigationsstruktur Menü, im Liquid-Code des Themes ist das identische Objekt eine Linkliste (linklist) mit einem eigenen Handle, etwa main-menu.
Über eine eigene Erweiterung der Header-Section in Liquid, die beim Hover auf einen Menüpunkt ein mehrspaltiges Panel mit den verschachtelten Links ausgibt. Dupliziere dein Theme vorher, um das Live-Design abzusichern.
Das hängt vom Umfang ab. Buddha Mega Menu und Hyper Menu bieten umfassende Layout-Baukästen, Globo Mega Menu eignet sich für stark bildbasierte Vorschauen, Qikify Smart Menu kombiniert Navigation mit Filterfunktionen.
Nein. Footer-Menüs sind in Shopify auf eine einzige Ebene beschränkt, Dropdowns funktionieren dort systembedingt nicht.
Häufige Ursachen sind ein Theme, das mobil nur eine Ebene anzeigt, eine separate Menüzuweisung für die mobile Ansicht oder eine App, die eine no-js-Klasse setzt und das Hamburger-Icon blockiert.
Bei Themes auf Basis von Online Store 2.0 ja, garantiert. Ältere, sectioned Themes zeigen teils nur eine Ebene, unabhängig von der Struktur im Admin. Der Theme-Typ lässt sich unter Online-Shop → Themes im Detailbereich prüfen.
Als Richtwert gelten maximal sieben Top-Level-Punkte. Mehr Punkte wirken unübersichtlich und verringern die Klarheit der Navigation.
Die Navigation ist die wichtigste interne Verlinkung eines Shops. Eine konsistente Benennung zwischen Menü, URL und Breadcrumb hilft Suchmaschinen und KI-Suchsystemen, die Kategoriestruktur korrekt einzuordnen.
Fazit: Ein gutes Shopify-Menü ist Struktur, keine Fleißarbeit
Ein Shopify Menü bearbeiten klingt nach einer Fünf-Minuten-Aufgabe im Admin. In der Praxis entscheidet die Navigation darüber, wie schnell Kunden finden, was sie suchen, und wie gut Suchmaschinen sowie KI-Suchsysteme deinen Katalog verstehen.
Die häufigsten Probleme entstehen selten beim ersten Anlegen eines Menüpunkts, sondern beim Ausbau: mehr Kategorien, mehr Ebenen, mehr Sonderfälle wie Märkte oder mobile Ansichten. Wer die Zuweisung im Theme, die Ebenen-Grenzen und das 200-Änderungen-Limit von Anfang an mitdenkt, spart sich spätere Fehlersuche im laufenden Betrieb.
Willst du deine Navigation nicht nur reparieren, sondern von Grund auf für Struktur, Barrierefreiheit und Sichtbarkeit aufbauen, schauen wir uns dein Setup gerne im kostenlosen Erstgespräch an.
