Menüeinstellungen

Ändern Sie Layout, Elemente, Animation, Abstände und weitere Einstellungen, die für das gesamte Menü gelten.

Referenz Alle Tarife 5 Min. Lesezeit

Der Tab Einstellungen steuert, wo das Menü erscheint und wie jeder Menüpunkt darin aussieht und sich verhält. Um stattdessen einen einzelnen Menüpunkt zu gestalten, verwenden Sie dessen eigene Einstellungen – siehe Einen Menüpunkt bearbeiten.

Einstellungen öffnen

Tab Einstellungen öffnen

Öffnen Sie im Menümanager das Menü und klicken Sie dann in der linken Seitenleiste des Editors auf das Zahnradsymbol. Die Vorschau aktualisiert sich während der Bearbeitung.

Das Zahnrad-Symbol öffnet die Menüeinstellungen.
Speichern und veröffentlichen

Klicken Sie auf Speichern und dann auf Veröffentlichen.

Die unten genannten Standardwerte sind die Werte, mit denen ein neues Menü meist beginnt; einige hängen von Ihrem Theme ab.

Einstellungen

Position

Automatisch ersetzen: Die App findet das Hauptmenü Ihres Themes und ersetzt es.
Vorhandenes Menü ersetzen: Sie wählen die zu ersetzenden Theme-Menüs unter Wählen Sie Ihr Hauptmenü und Wählen Sie Ihr mobiles Menü.
Menü an diesem CSS-Selektor anzeigen: Sie geben den Selektor des Bereichs unter CSS-Selektor Ihres Hauptmenüs und CSS-Selektor Ihres mobilen Menüs ein. Verwenden Sie dies nur, wenn die obigen Optionen in Ihrem Theme nicht funktionieren.

Jede Option wird Schritt für Schritt unter Ein Menü in Ihrem Theme veröffentlichen erklärt.

Layout und Elemente

OrientierungStandard: Horizontal: Horizontal zeigt die Menüpunkte der obersten Ebene in einer Zeile. Vertikal stapelt sie in einer Spalte, wie ein Seitenleistenmenü.
AusrichtungStandard: Links: Richtet die Menüpunkte der obersten Ebene in der Menüleiste Links, Rechts oder Mitte aus.
Maximale MenübreiteStandard: Leer: Maximale Menübreite in px, zum Beispiel 1200. Bei einem leeren Feld wird die gesamte verfügbare Breite genutzt.
Suchfeld anzeigenStandard: Ein: Fügt dem Menü ein Produktsuchfeld hinzu.
Trennlinie auf dem Desktop anzeigenStandard: Ein: Eine Trennlinie zwischen den Menüpunkten der obersten Ebene auf dem Desktop. Farbe: Farben > Separator color (Trennlinienfarbe).
Trennlinie auf Mobilgeräten anzeigenStandard: Ein: Trennlinien zwischen Menüpunkten im mobilen Menü.
Indikatoren anzeigen (Pfeil nach unten)Standard: Ein: Ein kleiner Pfeil neben Menüpunkten, die ein Untermenü haben.

Untermenü

Rahmen anzeigenStandard: Ein: Ein Rahmen um Untermenüs. Farbe: Farben > Untermenü > Border color (Rahmenfarbe).
Scrollbalken auf dem Desktop aktivierenStandard: Ein: Kundinnen und Kunden können in einem Untermenü scrollen, das höher als der Bildschirm ist, statt dass es abgeschnitten wird.
Scrollbalken auf Mobilgeräten aktivierenStandard: Ein: Dasselbe für das mobile Menü.
Maximale UntermenübreiteStandard: Leer: Maximale Untermenübreite in px. Bei einem leeren Feld wird die Standardbreite genutzt.
Öffnungsstil auf MobilgerätenStandard: Dropdown: Dropdown klappt das Untermenü unterhalb des übergeordneten Menüpunkts auf. Slide öffnet es als neues Panel mit einem Weg zurück zur vorherigen Ebene.

Menüanimation

Auslöser – DesktopStandard: Hover: Wie sich Untermenüs auf dem Desktop öffnen: Hover, Klick oder Klick-Umschalter.
Auslöser – MobilStandard: Klick-Umschalter: Wie sich Untermenüs im mobilen Menü öffnen, mit denselben drei Optionen.
EffektStandard: Überblenden: Die Öffnungsanimation: Überblenden oder Nach oben verschieben.
ÜbergangsgeschwindigkeitStandard: 300: Dauer der Animation in ms, bis zu 1500.
ÜbergangsverzögerungStandard: 150: Wartezeit, bevor sich ein Untermenü öffnet oder schließt, in ms, bis zu 1500. Mit Hover verhindert sie, dass Untermenüs aufblitzen, wenn die Maus darüberfährt.

Die Auslöser:

Hover – das Untermenü öffnet sich, wenn die Maus über den Menüpunkt fährt.
Klick – der erste Klick oder Tipp öffnet das Untermenü; ein erneuter Klick auf den Menüpunkt führt zu seinem Link.
Klick-Umschalter – jeder Klick öffnet oder schließt das Untermenü; der übergeordnete Menüpunkt führt nie zu seinem Link.

Kontolinks

Schnellzugriffe auf das Kundenkonto, die je nach Anmeldestatus der Kundin oder des Kunden wechseln. Alle sind standardmäßig ausgeschaltet. Wenn Sie eine einschalten, erscheinen Felder für ihr Symbol und ihren Titel (zum Beispiel Anmeldesymbol und Anmeldetitel, um „Anmelden“ in „Einloggen“ umzubenennen).

Anmeldelink anzeigenStandard: Aus: Wird angezeigt, wenn die Kundin oder der Kunde nicht angemeldet ist.
Registrierungslink anzeigenStandard: Aus: Ein Link zum Erstellen eines Kontos. Wird angezeigt, wenn die Kundin oder der Kunde nicht angemeldet ist.
Kontolink anzeigenStandard: Aus: Ein Link zur Kontoseite der Kundin oder des Kunden. Wird angezeigt, wenn sie oder er angemeldet ist.
Abmeldelink anzeigenStandard: Aus: Wird angezeigt, wenn die Kundin oder der Kunde angemeldet ist.

Abstände

Ziehen Sie den Schieberegler oder geben Sie einen Wert in px ein.

Innenabstand des HauptmenüsStandard: 20: Horizontaler Abstand auf jeder Seite jedes Menüpunkts der obersten Ebene.
Zeilenhöhe des HauptmenüsStandard: 50: Höhe der Menüleiste der obersten Ebene.
Zeilenhöhe des Dropdown-MenüsStandard: 50: Höhe jeder Zeile in einem Dropdown-Untermenü.
Zeilenhöhe des TabsStandard: 50: Höhe jedes Tabs in einem Tab-Menü.
Zeilenhöhe der LinklisteStandard: 30: Höhe jedes Links in einem Linklisten-Block.

Karussell

Gilt für Blöcke, die sich bewegen, wie Produktkarussells und den Bild-Slider.

Automatische WiedergabeStandard: Ein: Die Slides bewegen sich selbstständig.
EndlosschleifeStandard: Ein: Nach dem letzten Slide beginnt das Karussell wieder beim ersten Slide.

Erweitert

Mobiles Menü, wenn die Breite kleiner ist alsStandard: 768: Bildschirmbreite in px, unterhalb der das mobile Menü verwendet wird. Breitere Bildschirme erhalten das Desktop-Menü.
Untermenü des Linklistenblocks ausblendenStandard: Aus: Nur mobil. Klappt die Links unter jeder Linklisten-Überschrift zusammen; Kundinnen und Kunden tippen auf den Pfeil der Überschrift, um sie aufzuklappen.
Schaltfläche „In den Warenkorb“ anzeigenStandard: Aus: Eine Schaltfläche „In den Warenkorb“ bei Produkten in den Produktblöcken des Menüs. Farben: Farben > Schaltfläche „In den Warenkorb“.
Lazy-Loading für Bilder aktivierenStandard: Ein: Lädt Menübilder nur bei Bedarf, was die Seitengeschwindigkeit verbessert. Wir empfehlen, die Option eingeschaltet zu lassen.

Fehlerbehebung

Das Tippen auf einen übergeordneten Menüpunkt öffnet auf Mobilgeräten seine Seite nicht

Wenn Auslöser – Mobil auf Klick-Umschalter steht, öffnet das Tippen auf einen übergeordneten Menüpunkt nur sein Untermenü. Ändern Sie die Einstellung auf Klick oder fügen Sie die übergeordnete Seite als ersten Link im Untermenü hinzu. Siehe Ein Menüpunkt leitet auf Mobilgeräten nicht weiter.

Das mobile Menü erscheint auf einem Tablet oder kleinen Laptop nicht

Auf jedem Bildschirm, der breiter ist als Mobiles Menü, wenn die Breite kleiner ist als, wird das Desktop-Menü verwendet. Erhöhen Sie diesen Wert.

War diese Seite hilfreich?

Problem melden