Wie erstelle ich ein Mega-Menü?

Dieses Theme verfügt über Mega-Menü-Unterstützung und diese Anleitung zeigt Ihnen, wie Sie das Menü einrichten.

💡 Hinweis: In diesem Artikel geht es um das vereinfachte Mega-Menü, das seit der ersten Veröffentlichung des Themes eine Funktion ist. Ab Concept v4.0.0 haben wir einen neuen Stil namens „ Tabbed Mega Menu“ eingeführt. Anleitungen zum Konfigurieren des Tabbed Mega-Menüs finden Sie in diesem Artikel.

Auf dieser Seite

Das Aussehen einer Mega-Speisekarte

  • In Concept können Sie ein Mega-Menü erstellen, dessen Inhalte wie folgt in Spalten angeordnet sind:

  • Das Mega-Menü ist eine Kombination aus zwei Teilen: Menüpunkten und Werbeaktionen :

Mega-Menü einrichten

  1. Zunächst müssen Sie Ihr Menü mithilfe der nativen Shopify-Navigation in mehreren Ebenen einrichten. Um zu erfahren, wie Sie ein Menü mit mehreren Ebenen (Dropdown) erstellen, schauen Sie sich bitte die offizielle Shopify-Dokumentation an. Unten sehen Sie ein Beispiel für eine Menüstruktur, um das Mega-Menü im allerersten Screenshot unterzubringen:

  2. Klicken Sie in Ihren Designeinstellungen in der Abschnittsliste auf „Kopfzeile “, navigieren Sie zur Menüeinstellung und wählen Sie das Menü aus, das Sie oben gerade erstellt haben.

  3. Um mit der Einrichtung des Mega-Menüs fortzufahren, klicken Sie auf „Mega-Menü hinzufügen“, um einen Mega-Menüblock hinzuzufügen:

    • Geben Sie in der Einstellung „Mega-Menü“ einfach den Namen des Menüelements ein, das das Mega-Menü enthält. Bitte beachten Sie, dass der unter Menüpunkt eingegebene Name mit dem Namen des Menüpunkts übereinstimmen muss. Hier ist ein Beispiel, in dem das Mega-Menü im Shop- Artikel enthalten ist:

    • Im Menüpunkteinstellung, Sie können optional bis zu 5 Bilder für verschiedene Werbeaktionen hochladen . Diese Bilder werden im Mega-Menü-Banner angezeigt.

      Hier ist ein Beispiel für das Menü „Sammlungen“ mit 5 Aktionen:

    • Weitere Informationen finden Sie in den Einstellungen des Mega-Menüblocks .

Mega-Menüblockeinstellungen

Abschnittseinstellungen Einstellungen Beschreibung
Mega-Menü
Menüpunkt Gibt den Namen des Menüelements ein, das das Mega-Menü enthalten soll. Bitte beachten Sie, dass der im Menüpunkt eingegebene Name mit dem Namen eines der Menüpunkte der ersten Ebene übereinstimmen muss.
Mega-Menübilder anzeigen

Wenn ein Navigationselement der zweiten Ebene auf eine Sammlung mit einem Bild verweist, wird das Bild über dem Titel des Links angezeigt. Hier ist ein Beispiel:

Kopfhörer der zweiten Ebene:

Dies liegt daran, dass das Element „Kopfhörer“ mit einer Sammlung verknüpft ist, die folgendes Bild enthält:

Knopfbeschriftung Der Schaltflächentext.

Lässt die Beschriftung leer, um die Schaltfläche auszublenden.

Schaltflächenlink Die URL der Schaltfläche.
Förderung

Bild Das Bild, das Sie anzeigen möchten.
Bildverhältnis Das Bildverhältnis für die Blogpost-Bilder:
  • An Bild anpassen (Standard) – Verwendet das Seitenverhältnis der Bilder. Dadurch wird verhindert, dass die Bilder beschnitten werden.
  • Quadratisch – Beschneidet die Bilder im Verhältnis 1:1.
  • Porträt – Beschneidet die Bilder im Verhältnis 2:3.
  • Querformat – Beschneidet die Bilder im Verhältnis 3:2.
  • Breit – Beschneidet die Bilder auf das Seitenverhältnis 16:9.
Überschrift Der Promotiontitel.
Subtext Beschreibungstext der Werbeaktion.
Text auf Bild überlagern Aktiviert die Option Text auf Bild überlagern . Wenn diese Option deaktiviert ist, wird der Text unter dem Bild angezeigt.
Link Die URL, zu der Sie verlinken möchten.
Etikett

Ihr benutzerdefinierter Text, der auf einer Produktseite angezeigt wird, um zusätzliche Informationen zum Produkt bereitzustellen.

Textfarbe Die Farbe des Textes.
Textfarbe überlagern Die Overlay-Farbe des Textes.

Die Deckkraft der Textüberlagerung kann zwischen 0 und 100 % eingestellt werden.

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.

Chatten Sie auf WhatsApp