Zurück zum Blog Diseño Shopify

So ändern Sie das Hauptmenü in Shopify und überprüfen die Navigation

Schritte zum Bearbeiten von Links und zum Testen der Navigation, ohne sich nur auf die Darstellung am Computer zu verlassen.

Das Menü wird im Shopify-Administrator unter Inhalt → Menüs bearbeitet. Das Theme bestimmt, wo es angezeigt wird und wie es sich öffnet. Deshalb müssen sowohl die gespeicherte Struktur als auch das dem Header zugewiesene Menü überprüft werden.

Eine nützliche Navigation ermöglicht es, zu erkennen, wo sich das gesuchte Produkt oder die gesuchte Information befindet. Es gibt keine magische Anzahl an Links, die für alle Shops geeignet ist: Wichtig ist, dass die Bezeichnungen und Gruppierungen für Ihre Kunden sinnvoll sind.

Das Menü finden, das das Theme tatsächlich verwendet

  1. Öffnen Sie Inhalt und gehen Sie zu Menüs.
  2. Wählen Sie das Menü aus, das Sie ändern möchten.
  3. Überprüfen Sie im Theme-Editor die Navigationseinstellung des Headers.
  4. Prüfen Sie, ob dieses Menü verwendet wird und nicht ein anderes mit einem ähnlichen Namen.

Wenn die Änderung nicht angezeigt wird, erstellen Sie nicht sofort alle Links neu. Möglicherweise haben Sie ein anderes Menü bearbeitet, der mobile Header verwendet eine andere Einstellung oder Sie sehen ein anderes Theme.

Links hinzufügen und sortieren

Verwenden Sie den Ressourcen-Auswähler, um bei Bedarf Kollektionen, Produkte, Seiten und Blogs zu verlinken. Ein beschreibender Name hilft mehr als eine allgemeine Bezeichnung, die das Rätselraten über das Ziel erzwingt.

Sortieren Sie nach den Kaufaufgaben und den Informationen, die der Besucher benötigt. In einem technischen Shop kann ein Kompatibilitätsleitfaden wichtig sein; in einem anderen die Auffindbarkeit einer Kollektion. Kopieren Sie nicht die interne Hierarchie Ihres Unternehmens, wenn diese nicht mit der Suchweise des Kunden übereinstimmt.

Ein Dropdown-Menü erstellen

Der Leitfaden für Dropdown-Menüs erklärt, wie Links verschachtelt werden. Ein Element der obersten Ebene kann verschachtelte Ebenen haben, aber Sie müssen prüfen, welche Struktur Ihr Theme unterstützt und anzeigt.

  1. Erstellen oder identifizieren Sie das Hauptelement.
  2. Fügen Sie die Links hinzu, die darin enthalten sein sollen.
  3. Verschieben Sie sie unter das Hauptelement mit der entsprechenden Einrückung.
  4. Speichern Sie und prüfen Sie, wie sie im Shop geöffnet werden.

Wenn das Hauptelement zu einer allgemeinen Kollektion führt, prüfen Sie, ob der Benutzer diese Kollektion öffnen kann, zusätzlich zum Ausklappen des Menüs. Wenn es nur als Steuerelement fungiert, muss das Theme ein verständliches und zugängliches Verhalten bieten; ein Link mit „#“ löst diese Interaktion nicht von selbst.

Was auf dem Smartphone und mit der Tastatur zu prüfen ist

Test Erwartetes Ergebnis
Öffnen und Schließen Klare Steuerelemente, ohne den Rest der Seite zu blockieren
Links durchtabulieren Sichtbarer Fokus und verständliche Reihenfolge
Untermenüs Es ist erkennbar, ob eine Gruppe geöffnet oder ein Ziel besucht wird
Lange Titel Werden nicht abgeschnitten oder verdecken andere Steuerelemente
Sprache Die Ziele behalten die entsprechende Version

Überprüfen Sie das Menü mit einem echten Katalog. Ein Screenshot mit drei kurzen Links zeigt nicht, wie eine Struktur mit Kategorien und langen Namen funktioniert.

Menü, Mega-Menü und visuelle Konfiguration

Die Bilder und Spalten eines Mega-Menüs hängen vom Theme oder der App ab, die es implementiert. Die Menü-Ressource liefert die Links, garantiert aber keine konkrete visuelle Komposition.

Prüfen Sie vor der Installation einer anderen App die vorhandenen Optionen. Das Hinzufügen einer Abhängigkeit zur Lösung eines Problems, das das Theme bereits ermöglicht, kann den Wartungsaufwand erhöhen und zukünftige Updates erschweren.

Links, die sich ändern oder nicht mehr existieren

Überprüfen Sie die Ziele, wenn Sie Produkte entfernen oder Kollektionen ändern. Ein Link, der fehlerfrei antwortet, aber zu einer leeren Kategorie führt, verursacht weiterhin ein Navigationsproblem.

Wenn Sie URLs mit Traffic oder Links ändern, fügen Sie Weiterleitungen ein und aktualisieren Sie interne Verweise. Verwenden Sie Weiterleitungen nicht als dauerhaften Ersatz für die Pflege des korrekten Menüs.

Eine einfache Überprüfung vor dem Abschluss

  • Von der Startseite, einem Produkt und einer internen Seite aus eintreten.
  • Eine Referenz finden, ohne die Suche zu verwenden.
  • Von einem Untermenü auf dem Smartphone zurückgehen.
  • Hilfs- und Kontaktlinks prüfen.
  • Überprüfen, ob das Logo und andere Steuerelemente weiterhin funktionieren.

Der Leitfaden für das Logo ergänzt die Überprüfung des Headers. Wenn Sie redaktionelle Inhalte hinzufügen, erklärt der Leitfaden zum Erstellen eines Blogs, wie Sie es mit der Navigation verbinden.

Wenn Sie den gesamten Kaufprozess überprüfen müssen, können wir Ihnen mit einem Shopify-Erfahrungs-Audit helfen.

Redaktionelle Überprüfung: Team von Migraciones.io · 30. Oktober 2026. Die Funktionen, Pläne und die Verfügbarkeit werden mit den verlinkten Quellen abgeglichen.