Przejdź do głównej zawartości
GloboGlobo Docs
Zainstaluj aplikację
Polski

Dostosowywanie kolorów menu

Ustaw kolory paska menu, podmenu, zakładek, etykiet produktów i przycisku dodawania do koszyka.

Poradnik Wszystkie plany 2 min czytania

Kolory na karcie Kolory dotyczą wszystkich elementów menu, więc dopasujesz je do swojej marki w jednym miejscu.

Zmiana koloru

  1. Otwórz kartę Kolory

    W edytorze menu kliknij ikonę wiaderka z farbą na lewym pasku bocznym (1).

    Otwórz kartę Kolory (1), a potem kliknij pole koloru (2).

  2. Wybierz kolor

    Kliknij pole obok koloru (2). Wybierz kolor lub wpisz kod szesnastkowy, np. #FFFFFF.

  3. Sprawdź podgląd

    Najedź kursorem na elementy w podglądzie, aby sprawdzić kolory po najechaniu.

  4. Zapisz i opublikuj

    Kliknij Zapisz, a potem Opublikuj.

Ustawienia kolorów

Kolor tła
Tło paska menu.
Hover background color (kolor tła po najechaniu)
Tło elementu najwyższego poziomu po najechaniu lub gdy jego podmenu jest otwarte.
Separator color (kolor separatora)
Linie oddzielające elementy, widoczne, gdy w Ustawieniach menu włączono Pokaż separator na komputerze lub Pokaż separator na telefonie.
Kolor tekstu
Tekst i ikony elementów najwyższego poziomu.
Hover text color (kolor tekstu po najechaniu)
Tekst i ikony elementów najwyższego poziomu po najechaniu.

Podmenu

Menu rozwijane, mega menu i ich zawartość.

Kolor tła
Tło podmenu.
Border color (kolor obramowania)
Obramowanie podmenu, widoczne, gdy w Ustawieniach menu włączono Pokaż obramowanie.
Heading color (kolor nagłówka)
Nagłówki w podmenu, np. tytuły list linków.
Kolor tekstu
Linki i tekst w podmenu.
Hover text color (kolor tekstu po najechaniu)
Linki w podmenu po najechaniu.
Description color (kolor opisu)
Tekst opisu pod elementami.
Hover description color (kolor opisu po najechaniu)
Tekst opisu po najechaniu.
Heading color (kolor nagłówka)
Nazwy zakładek.
Active heading color (kolor aktywnego nagłówka)
Nazwa wybranej zakładki.
Active background color (kolor aktywnego tła)
Tło wybranej zakładki.

Etykieta

Etykiety na produktach wyświetlanych w menu.

Sale text color · Sale background color (kolor tekstu i tła promocji)
Etykieta promocji na przecenionych produktach.
Sold out text color · Sold out background color (kolor tekstu i tła „Wyprzedane”)
Etykieta wyprzedania.

Przycisk Dodaj do koszyka

Wyświetlany, gdy w Ustawieniach menu > Zaawansowane włączono Pokaż przycisk Dodaj do koszyka.

Kolor tekstu · Hover text color
Tekst przycisku, normalnie i po najechaniu.
Kolor tła · Hover background color
Tło przycisku, normalnie i po najechaniu.

Rozwiązywanie problemów

Elementy są nieczytelne lub znikają po najechaniu

Upewnij się, że Kolor tekstu kontrastuje z Kolorem tła, a Hover text color z Hover background color. Biały tekst po najechaniu na białym tle po najechaniu sprawia, że elementy znikają.

Chcę, aby jeden element miał inny kolor

Użyj własnych ustawień Koloru elementu (plan Pro Navigation), np. dla czerwonego elementu „Wyprzedaż”. Zobacz Edytowanie elementu menu.

Czy to było pomocne?

Zgłoś problem