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
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:
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 .:
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.
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:
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 | ||
Bild | Das Bild, das Sie anzeigen möchten | |
Bildverhältnis | Das Bildverhältnis für die Blogpost-Bilder:
| |
Ü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. |
Share:
Informationen zum transparenten Header im Konzept
Erstellen Sie Produktvarianten, um auf verschiedene Seiten zu verlinken