// Wygląd i treść

Motyw i logo

Lekcja z pełnej wersji kursu · poniżej darmowy fragment

▸ // rozdziały lekcji

Sklep po instalacji ma w nagłówku logo „my store”. Klient, który to zobaczy, nie wie, czy trafił do prawdziwego sklepu. Logo zmienisz w pięć minut. W tej lekcji wgramy logo Kawiarni Nova do nagłówka, maili i faktur, a potem favicon.

Lekcja dotyczy PrestaShop 9.2 i motywu Hummingbird.

Gdzie to jest

„Wygląd” > „Szablony”. Strona ma trzy zakładki: „Szablony”, „Pages Configuration” i „Advanced Customization”.

Hummingbird wyświetla logo w nagłówku w polu najwyżej 144 px szerokości i 48 px wysokości. Dłuższe logo zmniejsza się do 144 px szerokości. Pierwsza wersja logo Kawiarni Nova miała proporcje 6:1 i w nagłówku wyszła na 25 px wysokości, czyli nieczytelnie.

Przygotuj logo w proporcjach 3:1. Najlepiej w podwójnym rozmiarze, czyli 288 na 96 px, żeby było ostre na ekranach o dużej gęstości. Podpowiedź pod polem w panelu mówi o 200 na 40 px. To wymiary dla starego motywu Classic.

Do favicony potrzebujesz pliku ICO, czyli kwadratowej ikony. Wystarczy 64 na 64 px. Plik ICO zrobisz z PNG w darmowym konwerterze online.