Przejdź na atomstore.pl →
leafDocy banner shape 01Docy banner shape 02
Ostatnia aktualizacja 31 sierpnia 2023

Kolory i czcionki w szablonie

Przeczytanie zajmie Ci: 2 minuty 33 views

Z artykułu dowiesz się, w jaki sposób skonfigurować kolory oraz font w edycji szablonu sklepu na platformie AtomStore.

Zmiana czcionki w szablonie

1. Przejdź do Ustawienia Szablony .

2. Wybierz szablon i kliknij Edytuj . 

3. Wybierz zakładkę Kolory i fonty .

4. W tym miejscu możesz wybrać z listy odpowiednią czcionkę dla tekstów oraz nagłówków. W przypadku, gdy na liście nie znajdziesz odpowiadającej czcionki – możesz zlecić zmianę kontaktując się z działem BOK.

5. Przed zapisaniem zmian możesz zobaczyć finalny efekt klikając Podejrzyj zmiany .

6. Zapisz zmiany.

Zmiana kolorów w szablonie

1. W zakładce Kolory i fonty możesz zmienić kolory dla:

  • tekstu i nagłówków;
  • przycisków podstawowych (m.in. przyciski call-to-action);
  • przycisków drugorzędnych;
  • linków.

2. Rozwiń zakładkę Podstawowe (tekst, nagłówki) . W tym miejscu możesz skonfigurować kolorystykę dla:

  • tła podstawowego / tła stopki;
  • tekstu podstawowego / nagłówków;
  • tekstu w stopce / nagłówków w stopce;
  • linków w stopce / tła w podstopce.

3. Przejdź do zakładki Przyciski podstawowe (primary, CTA) . W tym miejscu skonfiguruj kolorystykę dla:

  • stanu domyślnego (default);
    • tło;
    • tekst;
  • stanu po najechaniu (hover);
    • tło;
    • tekst;
  • stanu po kliknięciu (active);
    • tło;
    • tekst;
  • stanu focus;
    • tło;
    • tekst.

4. Rozwiń zakładkę Przyciski drugorzędne (secondary) . Konfiguracja pól jest taka sama jak w przypadku przycisków podstawowych, tj:

  • stanu domyślnego (default);
    • tło;
    • tekst;
  • stanu po najechaniu (hover);
    • tło;
    • tekst;
  • stanu po kliknięciu (active);
    • tło;
    • tekst;
  • stanu focus;
    • tło;
    • tekst.

5. Ostatnią zakładką są Linki . W tym miejscu skonfiguruj kolorystykę w polach:

  • domyślnie / po najechaniu (hover);
  • po kliknięciu (active) / focus.

6. Analogicznie jak w przypadku zmian czcionki, możesz podejrzeć zmianę kolorystyki przed zapisem.

7. Po sprawdzeniu modyfikacji kliknij Zapisz zmiany .

Zawartość