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.

Auf dieser Seite

Das Aussehen einer Mega-Speisekarte

  • In Be 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 1“ , navigieren Sie zur Menüeinstellung 2 und wählen Sie das Menü aus, das Sie oben gerade erstellt haben.

    Wählen Sie als Nächstes die Optionen aus, die Sie in jeder der drei Abschnittseinstellungen anzeigen möchten: Menü aktiv , Header-Layout und Sticky Header 3 .:

  3. Das Menü sollte jetzt in einem einfachen Dropdown-Stil angezeigt werden. Das liegt nur daran, dass wir den Mega-Menüteil noch nicht eingerichtet haben. Wenn Ihnen dieser Dropdown-Stil einfach gefällt, finden Sie hier alles.

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

    Gehen Sie als nächstes zu den Einstellungen des Mega-Menüblocks.

  4. Geben Sie in der Einstellung „Menüelement“ einfach den Namen des Menüelements ein, das das Megamenü 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:

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

Mega-Menüblockeinstellungen

Die Einstellungen für das Mega-Menü.
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

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

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

Sie können optional 5 Bilder für 5 Werbeaktionen hochladen, mit jeweils denselben Einstellungen.

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.
Verknüpfung 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.