Edytor stylu – zmiana fontu (czcionki) i kolorów szablonu graficznego

Data publikacji: 21 marca 2016 Ostatnia aktualizacja: 17 lipca 2024

Edytor stylu dostępny w starym konfiguratorze wyglądu, a sekcja: Kolory i style w nowym Shoper Visual Editorze, to miejsce w Panelu administracyjnym sklepu, gdzie możliwa jest zmiana czcionki (fontów) oraz kolorów występujących w danym szablonie graficznym.

Przetestuj dostępne funkcje i załóż darmowy sklep internetowy w ramach 14-dniowego okresu próbnego. Sprawdź bezpłatnie i bez ograniczeń możliwości platformy Shoper.

Jakie zmiany pozwala wprowadzić sekcja Edytor stylu / Kolory i style?

Edytor stylu / Kolory i style jest osobny dla każdego szablonu graficznego dostępnego w sklepie i umożliwia zmianę:

  • koloru: głównego, tła sklepu, fontów (czcionek), linków,
  • fontów (czcionek),
  • rozmiaru: fontów (czcionek), nagłówków.

Zmiana czcionki i koloru szablonu graficznego sklepu Shoper

Jak zmienić kolory i fonty przy użyciu sekcji – Kolory i style w nowym Shoper Visual Editor?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A)> Wygląd sklepu (B) > Obecny szablon graficzny (C) > Moduły (D) > OTWÓRZ SHOPER VISUAL EDITOR (E).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > VIsual editor
Rys 1. Uruchom edytor szablonu Shoper Visual Editor
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > VIsual editor
Rys 1. Uruchom edytor szablonu Shoper Visual Editor
Po kliknięciu ikonę palety malarskiej w kolumnie po lewej stronie zobaczysz sekcję: KOLORY I STYLE (A) wraz z dostępnymi opcjami konfiguracyjnymi – kliknij poszczególne elementy, aby je edytować. Po wprowadzeniu zmian kliknij: ZAPISZ (B)

Pole wyboru: Font informuje, jaka czcionka jest aktualnie użyta jako główna w szablonie sklepu, również na stronach kategorii, kolekcji, kart produktowych itd.

Shoper Visual Editor > Kolory i style
Rys 2. Kliknij ikonę palety kolorów, aby przejść do zmiany czcionki
Shoper Visual Editor > Kolory i style
Rys 2. Kliknij ikonę palety kolorów, aby przejść do zmiany czcionki

Jak zmienić kolory i fonty przy użyciu sekcji – Edytor stylu w starym konfiguratorze wyglądu?

Aby otworzyć edytor stylu:

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C), kliknij: Moduły (D), a następnie wybierz: Zarządzaj modułami w starym konfiguratorze (E)
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły >
Rys 3. Uruchom zarządzanie modułami w starym konfituratorze
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły >
Rys 3. Uruchom zarządzanie modułami w starym konfituratorze
W prawym górnym rogu rozwiń: WIĘCEJ i wybierz: Edytor stylu.
Stary konfigurator modułów
Rys 4. W prawym górnym rogu edytora kliknij: Więcej i wybierz: Edytor stylu
Stary konfigurator modułów
Rys 4. W prawym górnym rogu edytora kliknij: Więcej i wybierz: Edytor stylu
System w osobnej karcie przeglądarki otworzy: Edytor stylu i zobaczysz taki widok.

Informacja o foncie na poniższym zrzucie ekranu odpowiada także na pytanie, jaki font używany jest jako główny w szablonie sklepu, wraz z zagłębieniami takimi jak kategoria i szczegóły produktu.

Klikając na poszczególne opcje, możesz edytować dostępne elementy.

Edytor stylu w starym konfiguratorze modułów
Rys 5. Możesz zmienić kolorystykę sklepu oraz krój czcionki
Edytor stylu w starym konfiguratorze modułów
Rys 5. Możesz zmienić kolorystykę sklepu oraz krój czcionki

Wideo: łatwiejsze zarządzanie wyglądem twojego sklepu internetowego

Obejrzyj wideoporadnik o tym, jak korzystać z Shoper Visual Editor w sklepie na naszym kanale YouTube.

Wideo poradnik: nowy edytor szablonów w sklepach internetowych Shoper

Wideo: jak zmienić wygląd sklepu Shoper?

Zagadnienie konfiguracji wyglądu sklepu omówiliśmy także w naszym wideoporadniku.

Wideo poradnik: o czym trzeba pamiętać przy zmianie wyglądu sklepu internetowego?
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Co można zmodyfikować w sekcji Edytor stylu/Kolory i style?
  • Jak zmienić czcionkę i kolor skórki sklepu w Shoper Visual Editor lub starym konfiguratorze wyglądu?
  • Wideo poradnik: jak zarządzać wyglądem sklepu przy pomocy Shoper Visual Editor?
  • Wideo poradnik: jak edytować szablon graficzny przy pomocy starego konfiguratora wyglądu?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności