So erstellen Sie ein Mega-Menü mit Registerkarten

Überblick

Das Tabbed Mega Menu im Concept-Design ist ein hochgradig anpassbares Navigationssystem, das die Benutzererfahrung verbessert, indem Produktkategorien mit interaktiven Registerkarten, vorgestellten Produkten und Werbeinhalten angezeigt werden. Dieser Leitfaden führt Sie durch die Einrichtung und Anpassung an die Anforderungen Ihres Geschäfts.

💡 Hinweis: Das Mega-Menü mit Registerkarten ist nur ab Concept v4.0.0 verfügbar. Wenn Sie eine ältere Version des Themes verwenden, lesen Sie diesen Artikel für eine vereinfachte Mega-Menü-Version.

So konfigurieren Sie das Tabbed Mega-Menü

1. Hinzufügen eines Mega-Menüs mit Registerkarten

1. Gehen Sie zu Ihrem Shopify-Admin-Panel.
2. Navigieren Sie zu Online-Shop > Themen .
3. Klicken Sie im Design „Konzept“ auf „Anpassen “.
4. Suchen Sie in der linken Seitenleiste nach dem Abschnitt „Kopfzeile“ und wählen Sie ihn aus.

5. Klicken Sie unter dem Abschnitt, um einen Block hinzuzufügen, und wählen Sie dann Mega-Menü mit Registerkarten aus.

   

2. Konfigurieren der Haupteinstellungen

1. Geben Sie unter Menüpunkt den Namen des Menüpunkts ein (z. B. „Shop“), der das Mega-Menü auslösen soll.
2. Geben Sie die Beschriftung der Schaltfläche ein (z. B. „Alle Produkte anzeigen“). Lassen Sie das Feld leer, um die Schaltfläche auszublenden.
3. Legen Sie den Button-Link nach Ihren Wünschen fest, z. B. um Benutzer zu einer Sammlung oder Kategorie weiterzuleiten.
4. Definieren Sie Überschrift 1 (z. B. „Sammlungen“) und Überschrift 2 (z. B. „Am beliebtesten“), um Abschnitte zu kennzeichnen.
5. Schalten Sie Optionen für das mobile Layout um, z. B. die Anzeige des Produktanbieters oder des Preises.

3. Hinzufügen von Registerkarten zum Mega-Menü

Das Tabbed Mega Menu unterstützt 5 Tabs in vertikaler Anordnung, wie im ersten Screenshot zu sehen ist. Jede Registerkarte wird auf ähnliche Weise mit den folgenden Schritten konfiguriert:

Hinzufügen einer Produktkategorie

1. Unter der Registerkarte 1 :
   • Legen Sie das Ziel fest. Dabei handelt es sich um die Bezeichnung, die für die Registerkarte angezeigt wird (z. B. „Kopfhörer“).
   • Wählen Sie den Ziellink aus, der mit einer Sammlung verknüpft sein muss, um sicherzustellen, dass die Registerkarte korrekt navigiert.
   • Wählen Sie Produkte aus, die auf dieser Registerkarte angezeigt werden sollen. Auf Desktops kann die Anzahl der angezeigten Produkte je nach Bildschirmgröße automatisch von 2 auf 4 angepasst werden. Wenn Sie hier mehr als 4 Produkte hinzufügen, werden die zusätzlichen Elemente entfernt.
2. Laden Sie ein benutzerdefiniertes Symbol für die Registerkarte hoch.
   • Empfohlene Größe: SVG- oder PNG -Format.
   • Passen Sie die Symbolbreite an (z. B. 42 Pixel).

Hinzufügen eines Werbebanners

1. Suchen Sie den Abschnitt „Aktion 1“ .
2. Laden Sie ein Werbebild hoch.
3. Passen Sie das mobile Bildverhältnis an .
4. Legen Sie eine Überschrift fest (z. B. „Erstellen Sie Ihr Bundle“).
5. Fügen Sie einen Subtext hinzu (z. B. „Kaufe 3 und spare 30 %“).
6. Schalten Sie die Textüberlagerung auf dem Bild ein/aus. Wenn Sie diese Option aktivieren, wird die Textüberlagerung auf dem Bild verschoben, sodass Sie ein optisch integrierteres Design erstellen können.
7. Legen Sie einen Link für die Aktion fest.
8. Legen Sie optional ein Tag fest, das dem Bild eine Tag-ähnliche Beschriftungsüberlagerung hinzufügt, wie im Screenshot gezeigt.
9. Passen Sie die Textfarbe , die Overlay-Farbe und die Overlay-Deckkraft nach Ihren Wünschen an.

Wiederholen Sie diese Schritte optional für die anderen 4 Registerkarten.

6. Finalisieren und Testen

1. Vorschau des Menüs auf Desktop und Mobilgeräten .
2. Sorgen Sie für reibungslose Hover- und Klick-Interaktionen.
3. Passen Sie die Einstellungen bei Bedarf an, um die Benutzererfahrung zu verbessern.
4. Speichern Sie die Änderungen und veröffentlichen Sie sie, wenn Sie bereit sind.

Abschluss

Das Tabbed Mega Menu ist ein leistungsstarkes Tool zur Verbesserung der Navigation und zur effektiven Präsentation wichtiger Produkte. Wenn Sie diesem Leitfaden folgen, können Sie ein optisch ansprechendes und benutzerfreundliches Menü erstellen, das das Engagement und den Umsatz steigert.

Benötigen Sie weitere Unterstützung

Wenn Sie auf Probleme stoßen oder zusätzliche Hilfe mit Ihrem Konzeptthema benötigen, wenden Sie sich bitte innerhalb von 8 Stunden über unser Ticketsystem an unseren Support.

Scannen Sie den QR-Code unten, um unserer WhatsApp-Community für Updates, Neuigkeiten und Ankündigungen beizutreten.