Thanks to visit codestin.com
Credit goes to www.shoper.pl

Data publikacji: 21 marca 2016 Aktualizacja: 15 grudnia 2025

Zmiana fontu (czcionki) i kolorów szablonu graficznego

Edytor szablonu umożliwia zmianę czcionki (fontów) oraz kolorów występujących w danym szablonie graficznym. Dzięki temu możesz szybko dostosować wygląd swojego sklepu do identyfikacji wizualnej Twojej marki.

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.

Jak zmienić czcionkę i kolory w szablonie Storefront?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do edytora szablonu w zakładce: Wygląd i treści (A), Wygląd sklepu (B), Obecny szablon graficzny (C) i sekcji: Szczegóły szablonu (D) kliknij: EDYTUJ UKŁAD I STYL SZABLONU (E).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 1. Uruchom edytor Shoper Visual Editor w technologii Storefront
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Edytuj układ i styl szablonu
Rys 1. Uruchom edytor Shoper Visual Editor w technologii Storefront
W głównym menu edytora szablonu wybierz: Style.

Znajdziesz tutaj możliwość wprowadzenia zmian w zakresie:

  • kolor tła strony, a także niektórych elementów szablonu powtarzających się w całym sklepie,
  • kolory, odstępy między liniami, rozmiary tekstów widocznych w sklepie,
  • kolory widniejące na przyciskach oraz linkach.

Wszystkie opcje edycji w zakresie czcionek oraz kolorów zostały szczegółowo opisane w artykule Storefront: Kolory i style.

Zmiana czcionki i koloru szablonu graficznego sklepu Shoper w szablonach RWD

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

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:
  • Jak zmienić czcionki i kolory w szablonie RWD?
  • Jak zmienić czcionki i kolory w szablonie Storefront?
  • Wideo poradnik: jak edytować szablon graficzny przy pomocy 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ń.

Dane kontaktowe

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