Ga naar inhoud
GloboGlobo Docs
App installeren
Nederlands

Kleuren van het menu aanpassen

Stel de kleuren in van de menubalk, submenu's, tabbladen, productlabels en de knop In winkelwagen.

Stappenplan Alle abonnementen 2 min. leestijd

De kleuren op het tabblad Kleuren gelden voor elk item in het menu, zodat je het op één plek afstemt op je merk. Sommige kleurvelden toont de app in het Engels; die staan hieronder vet met hun Nederlandse betekenis.

Een kleur wijzigen

  1. Het tabblad Kleuren openen

    Klik in de menu-editor op het verfemmerpictogram in de linkerzijbalk (1).

    Open het tabblad Kleuren (1) en klik daarna op een kleurveld (2).

  2. Een kleur kiezen

    Klik op het veld naast een kleur (2). Kies een kleur, of typ een hexcode zoals #FFFFFF.

  3. Het voorbeeld controleren

    Ga in het voorbeeld met de muis over items om de hoverkleuren te controleren.

  4. Opslaan en publiceren

    Klik op Opslaan en daarna op Publiceren.

Kleurinstellingen

Hoofdmenu

Achtergrondkleur
De achtergrond van de menubalk.
Achtergrondkleur bij hover
Hover background color: de achtergrond van een item op het hoogste niveau bij hover of terwijl het submenu open is.
Kleur van scheidingslijn
Separator color: scheidingslijnen tussen items, zichtbaar als Scheidingslijn weergeven op desktop of Scheidingslijn weergeven op mobiel aan staat in Menu-instellingen.
Tekstkleur
Tekst en pictogrammen van items op het hoogste niveau.
Tekstkleur bij hover
Hover text color: tekst en pictogrammen van items op het hoogste niveau bij hover.

Dropdownmenu’s, megamenu’s en hun inhoud.

Achtergrondkleur
De achtergrond van het submenu.
Randkleur
Border color: de rand van het submenu, zichtbaar als Rand weergeven aan staat in Menu-instellingen.
Kleur van koppen
Heading color: koppen in submenu’s, zoals titels van linklijsten.
Tekstkleur
Links en tekst in submenu’s.
Tekstkleur bij hover
Hover text color: links in submenu’s bij hover.
Kleur van beschrijving
Description color: beschrijvingstekst onder items.
Kleur van beschrijving bij hover
Hover description color: beschrijvingstekst bij hover.
Kleur van koppen
Heading color: namen van tabbladen.
Kleur van actieve kop
Active heading color: de naam van het geselecteerde tabblad.
Actieve achtergrondkleur
Active background color: de achtergrond van het geselecteerde tabblad.

Label

Labels op producten die in het menu staan.

Tekst- en achtergrondkleur van Sale
Sale text color · Sale background color: het label Sale op afgeprijsde producten.
Tekst- en achtergrondkleur van Uitverkocht
Sold out text color · Sold out background color: het label Uitverkocht.

Knop In winkelwagen

Zichtbaar als Knop In winkelwagen weergeven aan staat in Menu-instellingen > Geavanceerd.

Tekstkleur · Tekstkleur bij hover
Tekst van de knop, normaal en bij hover.
Achtergrondkleur · Achtergrondkleur bij hover
Achtergrond van de knop, normaal en bij hover.

Problemen oplossen

Items zijn slecht leesbaar of verdwijnen bij hover

Zorg dat Tekstkleur contrasteert met Achtergrondkleur, en Hover text color met Hover background color. Witte hovertekst op een witte hoverachtergrond laat items verdwijnen bij hover.

Ik wil één item in een andere kleur

Gebruik de eigen instellingen onder Kleur van het item (abonnement Pro Navigation), bijvoorbeeld voor een rood item “Sale”. Zie Een menu-item bewerken.

Was dit nuttig?

Probleem melden