Kolory i czcionki w szablonie

Summary: Sprawdź, jak edytować czcionkę i kolor w szablonie sklepu na platformie AtomStore.

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 .