So wandeln Sie ein Hamburger-Menü in ein horizontales Menü in Shopify um

Was ist eine Hamburger-Speisekarte?

Das Hamburger-Menü ist das Symbol mit den drei Linien (☰), das sich beim Anklicken erweitert und Navigationslinks anzeigt.

Es wird häufig auf Mobilgeräten verwendet, da es auf kleinen Bildschirmen Platz spart. Auf Desktop-Computern hingegen bedeutet ein Hamburger-Menü, dass die Navigation ausgeblendet und nicht vollständig sichtbar ist.

Was ist ein horizontales Menü (erweiterte Desktop-Navigation)?

Ein horizontales Menü (auch erweiterte Desktop-Navigation genannt) zeigt alle Hauptnavigationslinks in einer Zeile am oberen Rand der Seite an.

Ejemplo:

Startseite | Shop | Über uns | Kontakt

Dieses Layout:

• Die Navigation ist sofort sichtbar.
• Verbessert die Übersichtlichkeit für Erstbesucher
• Verringert die Wahrscheinlichkeit, dass Kunden wichtige Seiten übersehen
• Verbessert häufig die Benutzerfreundlichkeit auf dem Desktop

Hamburger-Menüs sind zwar platzsparend, können aber wichtige Kategorien verdecken. Wenn Besucher nicht auf das Symbol klicken, sehen sie möglicherweise nie Ihr vollständiges Menü.

Für die meisten Desktop-Shops wird ein horizontales Navigationslayout empfohlen.

So wechseln Sie von einem Hamburger-Menü zu einem horizontalen Menü

Folgen Sie den nachstehenden Schritten, um Ihre Desktop-Navigation von der reduzierten (Hamburger-)Ansicht auf die erweiterte (horizontale) Ansicht umzustellen.

Schritt 1: Menüstruktur einrichten

• Gehen Sie zum Shopify-Adminbereich.
• Navigieren Inhalt → Menüs.
• Öffne Kleiderly (oder das Menü, das Ihrer Kopfzeile zugeordnet ist).

• Menüpunkte nach Bedarf hinzufügen, entfernen oder neu anordnen.
• Ziehen Sie die Elemente leicht nach rechts, um eine Dropdown-Struktur zu erstellen.
• Klicken Sie auf Gespeichert.

Schritt 2: Menütyp auf Horizontal ändern

• Zurück Nach Online-Shop → Themen.
• Klicken Sie auf Anpassen zu Ihrem aktiven Thema.

• Öffnen Sie den Microsoft Store auf Ihrem Windows-PC Kopfzeile .
• Suchen Sie den Menütyp Einstellung.
• Ändern Sie es in Folgendes:

Dropdown (empfohlen für einfache Läden) oder

Mega-Menü (Empfohlen für Geschäfte mit vielen Produktkategorien).

• Klicken Sie auf Gespeichert.

Schritt 3: Shopify-Header in GemPages aktivieren

Wenn Sie GemPages zum Erstellen Ihrer Seite verwenden, sollten Sie überprüfen, ob der Shopify-Theme-Header aktiviert ist.

Selbst wenn Sie den Menütyp in Ihren Theme-Einstellungen korrekt auf Dropdown- oder Mega-Menü ändern, wird die Navigation nicht angezeigt, wenn der Shopify-Header in GemPages ausgeblendet ist.

Um dies zu überprüfen:

• Öffnen Sie die Seite im GemPages-Editor.
• Klicken Sie auf die Einstellungen (Zahnrad)-Symbol in der oberen Symbolleiste.

• Umschalten Kopf- und Fußzeile des Shopify-Themas anzeigen.

• Speichern und Veröffentlichen Die Seite.

Ihr statisches horizontales Menü sollte jetzt auf allen Shopify- und GemPages-Seiten einheitlich angezeigt werden.