Zum Inhalt springen
GloboGlobo Docs
App installieren
Deutsch

Menüfarben anpassen

Legen Sie die Farben der Menüleiste, der Untermenüs, der Tabs, der Produktlabels und der Schaltfläche „In den Warenkorb“ fest.

Anleitung Alle Tarife 2 Min. Lesezeit

Die Farben im Tab Farben gelten für jeden Menüpunkt, sodass Sie das Menü an einer Stelle an Ihre Marke anpassen können.

Eine Farbe ändern

  1. Tab Farben öffnen

    Klicken Sie im Menü-Editor in der linken Seitenleiste auf das Farbeimer-Symbol (1).

    Öffnen Sie den Tab Farben (1) und klicken Sie dann auf ein Farbfeld (2).

  2. Farbe auswählen

    Klicken Sie auf das Feld neben einer Farbe (2). Wählen Sie eine Farbe oder geben Sie einen Hex-Code wie #FFFFFF ein.

  3. Vorschau prüfen

    Fahren Sie in der Vorschau mit der Maus über Menüpunkte, um die Hover-Farben zu prüfen.

  4. Speichern und veröffentlichen

    Klicken Sie auf Speichern und dann auf Veröffentlichen.

Farbeinstellungen

Hauptmenü

Hintergrundfarbe
Der Hintergrund der Menüleiste.
Hover background color (Hover-Hintergrundfarbe)
Der Hintergrund eines Menüpunkts der obersten Ebene beim Hovern oder solange sein Untermenü geöffnet ist.
Separator color (Trennlinienfarbe)
Trennlinien zwischen Menüpunkten, sichtbar, wenn Trennlinie auf dem Desktop anzeigen oder Trennlinie auf Mobilgeräten anzeigen in den Menüeinstellungen aktiviert ist.
Textfarbe
Text und Symbole der Menüpunkte der obersten Ebene.
Hover text color (Hover-Textfarbe)
Text und Symbole der Menüpunkte der obersten Ebene beim Hovern.

Untermenü

Dropdown-Menüs, Mega-Menüs und ihre Inhalte.

Hintergrundfarbe
Der Hintergrund des Untermenüs.
Border color (Rahmenfarbe)
Der Rahmen des Untermenüs, sichtbar, wenn Rahmen anzeigen in den Menüeinstellungen aktiviert ist.
Heading color (Überschriftenfarbe)
Überschriften in Untermenüs, zum Beispiel Titel von Linklisten.
Textfarbe
Links und Text in Untermenüs.
Hover text color
Links im Untermenü beim Hovern.
Description color (Beschreibungsfarbe)
Beschreibungstext unter Menüpunkten.
Hover description color (Hover-Beschreibungsfarbe)
Beschreibungstext beim Hovern.

Tab-Menü

Heading color
Tab-Namen.
Active heading color (Aktive Überschriftenfarbe)
Der Name des ausgewählten Tabs.
Active background color (Aktive Hintergrundfarbe)
Der Hintergrund des ausgewählten Tabs.

Labels

Labels auf Produkten, die im Menü angezeigt werden.

Sale text color · Sale background color (Sale-Textfarbe · Sale-Hintergrundfarbe)
Das Sale-Label auf reduzierten Produkten.
Sold out text color · Sold out background color (Ausverkauft-Textfarbe · Ausverkauft-Hintergrundfarbe)
Das Label „Ausverkauft“.

Schaltfläche „In den Warenkorb“

Wird angezeigt, wenn Schaltfläche „In den Warenkorb“ anzeigen in den Menüeinstellungen > Erweitert aktiviert ist.

Textfarbe · Hover-Textfarbe
Schaltflächentext, normal und beim Hovern.
Hintergrundfarbe · Hover-Hintergrundfarbe
Schaltflächenhintergrund, normal und beim Hovern.

Fehlerbehebung

Menüpunkte sind schwer lesbar oder verschwinden beim Hovern

Stellen Sie sicher, dass die Textfarbe einen Kontrast zur Hintergrundfarbe bildet und die Hover text color einen Kontrast zur Hover background color. Weißer Hover-Text auf weißem Hover-Hintergrund lässt Menüpunkte beim Hovern verschwinden.

Ich möchte einen Menüpunkt in einer anderen Farbe

Verwenden Sie die eigenen Farbe-Einstellungen des Menüpunkts (Tarif Pro Navigation), zum Beispiel für einen roten „Sale“-Menüpunkt. Siehe Einen Menüpunkt bearbeiten.

War diese Seite hilfreich?

Problem melden