Wie benutzt man?

Mobile Mega Menüs sind auf Mobilgeräten nicht so verbreitet wie Tabbar oder Slide Menüs, da der Tippbereich eines Mega Menüs oft zu klein für die Finger der Benutzer ist. Wie auch immer, manchmal möchten Sie möglicherweise eine konsistente Erfahrung zwischen Desktop und Mobilgerät aufrechterhalten, indem Sie ein Mega Menü auf beiden Plattformen verwenden.

Mobile Mega Menüs haben auch Vorteile: Sie sind kompakt, unter dem Header positioniert und nehmen keinen Bildschirmplatz ein, da sie auf dem Bildschirm schweben. Als Abschnittsmenü scrollen sie mit der Seite.

Hauptvorteile:

  • Funktioniert nahtlos sowohl auf Mobilgeräten als auch auf Desktop für eine konsistente Erfahrung
  • Spart Platz und scrollt mit der Seite.
  • Bietet mehrere Präsentationsstile mit Bildern, Raster und mehrstufigen Layouts für eine reichhaltige, professionelle Erfahrung

FAQ:

1. Ich habe mich noch nicht entschieden, ob ich die kostenlose oder die kostenpflichtige Version verwenden soll. Kann ich die professionellen Menüvorlagen ausprobieren?

Absolut! Die Menügruppen sollen hauptsächlich Anfängern helfen, sich nicht von den erweiterten Funktionen in Navi+ überwältigt zu fühlen 😄. Der beste Weg ist, die professionellen Menüs auszuprobieren, um alle Funktionen und Layout-Optionen zu erkunden. Später können Sie einfach jedes Menü löschen, das Sie nicht benötigen oder als ungeeignet empfinden.

2. Wird das Erstellen eines Menüs hier dazu führen, dass es sofort auf meiner Website angezeigt wird?

Noch nicht. Sie müssen das richtige Menü veröffentlichen, damit es auf Ihrer Website erscheint. Keine Sorge — es ist einfach!

3. Was ist, wenn ich die falsche Vorlage wähle oder einen Fehler mache?

Kein Problem. Sie können es jederzeit löschen und ein neues erstellen. Wenn Sie ein Menü testen und eine andere Vorlage ausprobieren möchten, können Sie das aktuelle als Sicherungsdatei speichern und später wieder öffnen. Sie können sogar Teile zwischen Menüs kopieren und einfügen (indem Sie zwei Browser-Tabs öffnen), um Ihre vorherige Arbeit zu behalten. Fühlen Sie sich frei, zu experimentieren!

4. Soll ich nur ein Menü oder mehrere erstellen?

Sie sollten mehrere Menüs erstellen. Nur das aktive Menü wird auf Ihrer Seite angezeigt, aber Sie können viele Versionen vorbereiten — indem Sie verschiedene Vorlagen auswählen oder Menüs klonen. Menüs können so konfiguriert werden, dass sie je nach Seitentyp (Startseite, Produkt, Sammlung...), Gerät (Mobilgerät oder Desktop) oder URL-Schlüsselwörtern angezeigt oder ausgeblendet werden. Also legen Sie los und erstellen Sie Menüs, die zu jeder Situation passen!

Schritt 1: Bearbeiten des Menübaums

1.1. Verständnis des Menübaums

Der Menübaum ist der wichtigste Teil jedes Menüs — er definiert die Struktur.

Hier ist ein Beispiel für einen Menübaum eines mobilen Mega Menüs:

Menü
Startseite  
Katalog 
- All Mountain  
   - Cruise Flex  
   - Balance Ride
- Freestyle  
   - Park Board  
   - Jib Board  
- Freeride  
Blogs
Support  
Mehr

Dies ist ein 3-stufiger Menübaum. Stufe 1 umfasst Menü, Startseite, Katalog, Support, Blogs und Mehr.
All-Mountain ist ein Menüpunkt der Stufe 2, mit einigen untergeordneten Elementen: Cruise Flex und Balance Ride.

Sie werden die meiste Zeit damit verbringen, diesen Menübaum für Ihre Website zu erstellen, um den Kunden zu helfen, die Inhalte zu finden, die sie suchen.

Catalog: A level 1 menu item, displayed as a tab on the tab bar. All-Mountain: Level 2 menu item that appears when you tap on Catalog.
Cruise Flex, Balance Ride: Level 3 menu item that appears when you tap on All-Mountain.

1.2. Grundlegende Interaktionen mit dem Menübaum

Sie können Menüelemente nach oben und unten oder nach links und rechts ziehen und ablegen, um ihre Position und die Eltern-Kind-Beziehungen im Menübaum zu ändern.

Wenn Sie mit der Maus über ein Menüelement fahren, sehen Sie zusätzliche Optionen: die Details des Elements bearbeiten, es aus dem Menübaum löschen oder es an anderer Stelle kopieren und einfügen.

Tipp: Sie können ein Menüelement von einem Menü in ein anderes kopieren, indem Sie die Navi+ App in zwei Browser-Tabs öffnen.

1.3. WICHTIG! Löschen Sie die Beispielmenüelemente und behalten Sie nur die Struktur, die Sie möchten.

Dies ist eine häufige Situation beim Erstellen eines Menüs mit Navi+. Wenn Sie ein neues Menü erstellen, fügen wir ein vollständiges Beispiel mit beliebten Menüelementen hinzu, um Layout-Ideen zu zeigen und Ihnen das Kopieren/Einfügen nach Bedarf zu ermöglichen. Wenn Sie jedoch neu bei Navi+ sind und den Starter-Plan verwenden, sehen Sie viele rote (i) Warnungen für Funktionen, die nicht verfügbar sind, wie das Hochladen von Bildern oder die Verwendung erweiterter Interaktionen.

Wenn Sie diese erweiterten Funktionen mögen, sollten Sie ein Upgrade auf einen Business- oder Elite-Plan in Betracht ziehen. Wenn Sie jedoch mit dem Starter-Plan fortfahren möchten, suchen und löschen Sie bitte die Menüelemente mit roten (i) Warnungen.

Wichtiger Tipp: Wenn die Bestätigung zum Löschen erscheint, aktivieren Sie „Beim nächsten Mal nicht mehr fragen“, um schneller zu löschen.

1.4. Menüelemente zum Menübaum hinzufügen

Um ein Menüelement hinzuzufügen, haben Sie zwei Optionen:

Option 1 **(Nicht empfohlen, wenn Sie neu bei Navi+ sind)**: Klicken Sie auf „Menü hinzufügen“, um ein leeres Menüelement am Ende des Menübaums einzufügen. Diese Methode erfordert ein gutes Verständnis der Einstellungen für Menüelemente, die wir weiter unten behandeln werden. Es kann anfangs überwältigend erscheinen, also können Sie dies später erkunden.

Option 2 (Empfohlen): Wir haben bereits viele gut gestaltete Vorlagen für Menüelemente für Sie vorbereitet. Kopieren Sie sie einfach und fügen Sie sie an die richtige Stelle ein. Nachdem Sie Ihren Menübaum fertiggestellt haben, löschen Sie einfach die ungenutzten Vorlagen.