Erstellen Sie eine benutzerdefinierte Navigation auf Shopify

Informationen zur benutzerdefinierten Shopify-Navigation

Eine klare und intuitive Website-Navigationsmenü hilft Kunden, schneller zu finden, was sie brauchen, was das Browsing-Erlebnis verbessert und die Konvertierungen steigert.

In Shopify befindet sich die Navigationsleiste (oft in der Titelleiste oder Kopfzeile) basiert auf Menüs, die Sie im Adminbereich erstellen. Sie können mehrere Menüpunkte hinzufügen und diese entsprechend Ihrer Shopstruktur organisieren.

Um ein Dropdown-Menü im Header zu erstellen, fügen Sie einfach ein oder mehrere Menüpunkte unter einem übergeordneten Menüpunkt ein. Shopify zeigt die verschachtelten Menüpunkte automatisch als Dropdown-Menü im Header an, sofern Ihr Theme mehrstufige Navigation unterstützt.

So können Sie verwandte Sammlungen, Produkte oder Seiten in übersichtliche Kategorien einteilen, um das Durchsuchen zu vereinfachen.

Menüelemente in Shopify erstellen

• Gehen Sie zu Ihrem Shopify-Administrator > Inhalt > Menüs > Kleiderly.

• Geben Sie den Menünamen in das Namensfeld ein (z. B. „Hauptmenü testen“).
• Hit Menüpunkte hinzufügen in England, Menüpunkte Feld, um Elemente hinzuzufügen, die im Navigationsmenü angezeigt werden.

• Geben Sie die Bezeichnung für den Artikel ein und wählen Sie die Zielseite aus der Dropdown-Liste unter der Link Box.

• Klicken Sie auf das Häkchen neben dem verbindung Feld, um das Element zu speichern und weitere hinzuzufügen. 
• Wenn Sie fertig sind, klicken Sie auf Gespeichert Schaltfläche, um Ihre Änderungen zu speichern.

Sie können die vorhandenen Elemente bearbeiten, indem Sie mit der Maus über das Element fahren und auf Bearbeiten neben dem Element oder klicken Sie auf das Papierkorb-Symbol, um es zu löschen. Klicken und ziehen Sie auch die ⠿ Griffsymbol neben jedem Element, um seine Position zu ändern.

Um ein Dropdown-Menü im Header zu erstellen, verschachteln Sie im Shopify-Adminbereich ein oder mehrere Elemente unter einem übergeordneten Menüpunkt. Diese Struktur weist Shopify an, ein Dropdown-Menü im Header anzuzeigen.

Wenn Ihr Theme dies unterstützt, wird das Dropdown-Menü automatisch angezeigt.

Zeigen Sie das Menü in Ihrem Schaufenster an

Um Ihr Menü in Ihrem Live-Shop anzuzeigen, weisen Sie es der Kopf- oder Fußzeile Ihres Designs zu:

• Zurück Nach Online-Shop > Themen > klicken Anpassen auf Ihrem aktiven Thema.

• Wählen Sie im Theme-Editor das Kopfzeile or Fußzeile .
• Suchen Sie die Menüeinstellung und wählen Sie das gewünschte Menü aus der Dropdown-Liste aus.

• Klicken Sie auf Gespeichert in der oberen rechten Ecke.

Kann ich GemPages zum Erstellen eines Navigationsmenüs verwenden?

GemPages unterstützt derzeit nicht die Erstellung eines vollständigen Navigationsmenüs direkt im Editor. Text- und Schaltflächenelemente können nur zu Abschnitten innerhalb derselben Seite scrollen, nicht aber auf andere Seiten in Ihrem Shop verlinken.

Sie können Ihr Shopify-Navigationsmenü (einschließlich Dropdowns) jedoch weiterhin auf jeder von GemPages erstellten Seite anzeigen, solange der Shopify-Header aktiviert ist.

Befolgen Sie diese Schritte, um die Navigationsleiste auf einer GemPages-Seite anzuzeigen:

• Greifen Sie in Ihrem Shopify auf die GemPages-App zu und öffnen Sie die Seite im GemPages-Editor.
• Klicken Sie auf die Registerkarte „Einstellungen“ in der oberen rechten Ecke der oberen Leiste.

• Aktivieren Sie die Option, um Kopf- und Fußzeile des Shopify-Designs anzuzeigen, und klicken Sie dann auf Einstellungen übernehmen.

• Speichern und veröffentlichen Sie Ihre Seite.

Best Practices für die Navigationsanpassung

• Beschränken Sie die Elemente der obersten Ebene auf 5–7, um Unordnung zu vermeiden.
• Verwenden Sie Dropdown-Menüs, um verwandte Inhalte zu gruppieren (z. B. Produktkategorien).
• Überprüfen Sie noch einmal, ob alle Links funktionieren und zu aktiven Seiten führen.
• Verwenden Sie einfache und klare Beschriftungen wie „Alles kaufen“, „Über uns“ oder „Bestellung verfolgen“.

Häufig gestellte Fragen zur benutzerdefinierten Navigation in Shopify

Wie füge ich in Shopify ein Dropdown-Menü zur Titelleiste hinzu?

Erstellen Sie verschachtelte Menüpunkte im Shopify-Adminbereich. Shopify wandelt verschachtelte Punkte automatisch in ein Dropdown-Menü im Header um, sofern Ihr Theme mehrstufige Navigation unterstützt.

Kann ich die Menüpunkte in der Navigation neu anordnen?

Ja. Ziehen Sie im Shopify-Adminbereich Elemente per Drag & Drop mit dem ⠿ Griff, um ihre Bestellung neu zu ordnen.

Warum wird mein Dropdown-Menü nicht angezeigt?

Überprüfen Sie, ob Ihr Design Dropdown-Menüs unterstützt, und stellen Sie sicher, dass Sie die Kopfzeile in den Einstellungen Ihres Shopify-Designs oder GemPages aktiviert haben.

Kann ich mit GemPages Navigationsmenüs mit Dropdown-Listen erstellen?

Nicht direkt. GemPages zeigt die Navigationsleiste Ihres Shopify-Themes an, wenn die Kopfzeile aktiviert ist. Sie müssen das Menü zuerst im Shopify-Adminbereich erstellen.

Worin besteht der Unterschied zwischen Kopfzeilennavigation und Fußzeilennavigation?

Die Kopfzeilennavigation erscheint üblicherweise in der Titelleiste am oberen Rand Ihrer Website, während die Fußzeilennavigation Links am unteren Rand anzeigt. Beide werden über den Shopify-Adminbereich verwaltet.

Warum wird mein Shopify-Header-Dropdown auf GemPages-Seiten nicht angezeigt?

GemPages benötigt Ihr Shopify-Theme, um die Kopfzeile darzustellen. Wenn die Shopify-Kopfzeile im GemPages-Editor deaktiviert ist, wird das Dropdown-Menü nicht angezeigt. Stellen Sie sicher, dass …Shopify-Kopf- und Fußzeile anzeigen" Ist eingeschaltet.