Zmiana szablonu graficznego w PrestaShop pozwala na dostosowanie wyglądu sklepu internetowego do indywidualnych potrzeb. Dzięki temu można poprawić estetykę, zwiększyć funkcjonalność i lepiej dopasować interfejs do oczekiwań klientów. W tym artykule przeprowadzimy Cię przez cały proces zmiany szablonu w PrestaShop.
Spis treści
Wybór nowego szablonu
Zanim zmienisz szablon, warto wybrać taki, który spełni Twoje oczekiwania. Możesz znaleźć motywy w:
- Oficjalnym sklepie PrestaShop Addons – płatne i darmowe motywy zoptymalizowane pod PrestaShop.
- Zewnętrznych platformach – np. ThemeForest, TemplateMonster czy inne marketplace’y z szablonami.
- Darmowych źródłach – istnieją darmowe szablony dostępne na forach i stronach internetowych.
Na co zwrócić uwagę przy wyborze szablonu?
- Kompatybilność z wersją PrestaShop.
- Responsywność – dostosowanie do urządzeń mobilnych.
- Możliwość personalizacji.
- Szybkość ładowania.
- Opinie użytkowników.
Pobranie i instalacja nowego szablonu
Po wyborze szablonu musisz go pobrać w formacie ZIP. Następnie przejdź do jego instalacji.
Instalacja szablonu w panelu administracyjnym
- Zaloguj się do panelu administracyjnego PrestaShop.
- Przejdź do zakładki „Wygląd” → „Motywy i logo”.
- Kliknij przycisk „Dodaj nowy motyw”.
- Prześlij plik ZIP z nowym szablonem.
- Po zakończeniu przesyłania wybierz opcję „Zastosuj ten motyw”.
Instalacja przez FTP
Jeśli napotkasz problemy z instalacją w panelu, możesz to zrobić ręcznie:
- Połącz się z serwerem przez FTP (np. FileZilla).
- Przejdź do katalogu
/themes/. - Prześlij rozpakowany folder z szablonem do katalogu
/themes/. - Zaloguj się do panelu administracyjnego i aktywuj szablon w sekcji „Motywy i logo”.
Dostosowanie nowego szablonu
Po zainstalowaniu motywu warto go dostosować do swoich potrzeb.
Zmiana logo i kolorystyki
- Przejdź do „Wygląd” → „Motywy i logo”.
- Wgraj swoje logo w odpowiednim miejscu.
- W zakładce „Ustawienia motywu” zmień kolory, układ i inne opcje.
Konfiguracja modułów
Niektóre szablony zawierają dodatkowe moduły, które należy skonfigurować:
- Przejdź do zakładki „Moduły”.
- Sprawdź listę zainstalowanych modułów i dostosuj je do swoich potrzeb.
- Włącz lub wyłącz niepotrzebne elementy.
Edycja CSS i plików szablonu
Jeśli chcesz bardziej zaawansowanych zmian:
- Edytuj pliki CSS w katalogu
/themes/twoj-szablon/assets/css/. - Dostosuj pliki
.tplw katalogu/themes/twoj-szablon/templates/.
Testowanie nowego szablonu
Po zmianie szablonu warto sprawdzić, czy wszystko działa poprawnie:
- Przeglądaj sklep na różnych urządzeniach (komputer, tablet, telefon).
- Sprawdź szybkość ładowania strony (np. Google PageSpeed Insights).
- Przetestuj proces zakupowy – sprawdź, czy klienci mogą bez problemu dodawać produkty do koszyka i finalizować zamówienia.
- Upewnij się, że nie ma błędów w układzie i że wszystkie moduły działają poprawnie.
Przywrócenie poprzedniego szablonu (jeśli zajdzie taka potrzeba)
Jeśli nowy motyw nie spełnia oczekiwań, zawsze możesz wrócić do poprzedniego:
- Przejdź do „Wygląd” → „Motywy i logo”.
- Wybierz wcześniejszy szablon i kliknij „Zastosuj”.
- Sprawdź, czy wszystko działa poprawnie.
