Zmiana banera PrestaShop na stronie głównej: slider, baner sezonowy i powrót do starego
Zmiana banera w PrestaShop zależy od tego, skąd baner pochodzi. W motywie Classic slider na stronie głównej to moduł Image slider, w którym podmieniasz obrazek, tytuł i link slajdu. Pojedynczy baner to osobny moduł. W kupionych motywach baner bywa w szablonie albo w kreatorze strony autora motywu.
Autor: Sani. Sani buduje moduł TellMyShop i na co dzień pracuje z zapleczem sklepów PrestaShop.
Aktualizacja: · 4 min czytania
Skąd bierze się baner na stronie głównej?
Z modułu albo z szablonu motywu, i od tego zależy, gdzie go zmienisz. Zanim zaczniesz szukać, zajrzyj do Wygląd > Pozycje. Przy stronie głównej (displayHome) zobaczysz moduły, które ją tworzą.
| Źródło banera | Jak go rozpoznać | Gdzie zmienić |
|---|---|---|
| Moduł Image slider | kilka przewijanych slajdów | Moduły > Menedżer modułów > Image slider > Konfiguruj |
| Moduł Banner | jeden obrazek między sekcjami strony | Moduły > Menedżer modułów > Banner > Konfiguruj |
| Szablon motywu | baner bez ustawień w panelu | plik szablonu strony głównej w motywie |
| Kreator strony motywu | edytor przeciągnij i upuść | moduł autora motywu |
O zmianę banera właściciele sklepów pytają na forum PrestaShop od lat. Odpowiedź prawie zawsze zaczyna się od pytania o motyw. Kod slidera z motywu Classic znajdziesz w repozytorium modułu ps_imageslider.
Jak podmienić slajd w sliderze krok po kroku?
W module slidera robisz to bez dotykania plików.
- Wejdź w Moduły > Menedżer modułów i wyszukaj „slider”.
- Kliknij Konfiguruj przy module Image slider.
- Dodaj nowy slajd albo edytuj istniejący.
- Wgraj obrazek w tych samych wymiarach co obecne slajdy.
- Wpisz tytuł, adres docelowy i podpis. Podpis trafia też do opisu zdjęcia.
- Powtórz dla każdego języka sklepu.
- Ustaw slajd jako włączony i przeciągnij go na pierwsze miejsce listy.
- Stary slajd wyłącz, zamiast go usuwać.
Na koniec otwórz stronę główną w oknie prywatnym. Jeśli nic się nie zmieniło, przeczytaj, dlaczego w PrestaShop nie widać zmian.
Jak zaplanować baner sezonowy?
Przygotuj go razem z kampanią, a nie w dniu startu. Środa, 20:15, od jutra jesienna wyprzedaż. Grafika gotowa, ale slider ma trzy języki, każdy slajd wymaga osobnego obrazka i linku. Po drodze okazuje się, że tytuł slajdu jest nagłówkiem strony, a zdjęcia nie mają opisów.
Pomaga kilka zasad:
- Baner prowadzi do jednej konkretnej kategorii albo strony promocji, nie na stronę główną.
- Każdy język ma własną grafikę i własny opis zdjęcia.
- Opis zdjęcia mówi, co jest na banerze, a nie „baner1”. Zasady opisów zdjęć podaje Google w poradniku o obrazach.
- Stary baner zostaje wyłączony, a nie usunięty.
- Datę wyłączenia banera zapisujesz w kalendarzu kampanii.
Slider czy jeden baner na czas kampanii?
Na czas kampanii zwykle wystarczy jeden slajd z jedną wiadomością. Slider przewija kilka obrazków, a nie każdy klient doczeka do trzeciego. Jeśli wyprzedaż jest najważniejsza w tym tygodniu, niech będzie na pierwszym slajdzie albo jedynym.
| Sytuacja | Lepszy wybór | Dlaczego |
|---|---|---|
| Jedna kampania, krótki termin | jeden slajd albo baner | jedna wiadomość, jeden link |
| Kilka kategorii o tej samej wadze | slider z 2 lub 3 slajdami | każda kategoria ma swoje miejsce |
| Informacja o dostawie albo terminie | pasek tekstowy nad banerem | czytelny także na telefonie |
Sprawdź też baner na telefonie. Tekst wpisany w grafikę bywa nieczytelny na małym ekranie. Krótki napis i duży przycisk w grafice działają lepiej niż długie zdanie. Jeśli motyw pozwala, przygotuj osobną wersję obrazka na telefon.
Co zrobić, gdy slider trzeba zmienić w szablonie?
Zmień kopię szablonu w motywie, a nie plik modułu. PrestaShop pozwala skopiować szablon modułu do motywu i używa wtedy kopii. Aktualizacja modułu jej nie nadpisze. Opisuje to dokumentacja nadpisywania modułów.
Tak poprawisz na przykład tytuły slajdów, które motyw wyświetla jako nagłówki strony. Strona główna powinna mieć jeden główny nagłówek, a tytuły slajdów mogą być zwykłym tekstem.
Jak zmienić baner z Claude?
Opisujesz kampanię, a Claude ustala, skąd pochodzi baner, i proponuje zmianę z podglądem.
Na jesienną wyprzedaż chcę baner z linkiem do kategorii Lampiony. Obrazek jesien.jpg jest już wgrany. Dodaj opisy zdjęć po polsku i angielsku.
Baner na stronie głównej pochodzi z szablonu motywu, nie z modułu. Proponuję zmianę w pliku z kopią zapasową:
było: <img src="lato.jpg" alt="baner1">
będzie: <img src="jesien.jpg" alt="Jesienna wyprzedaż lampionów">
było: link: /promocje-lato
będzie: link: /lampiony
Po zapisie wyczyszczę pamięć podręczną i sprawdzę stronę główną. Stary baner przywrócisz z kopii po kampanii.
Nowy baner na sezon to jedna prośba i jeden podgląd. Każdy plik dostaje kopię przed zapisem. Po kampanii przywracasz poprzednią wersję z kopii, też z podglądem.
Zmiany wyglądu działają w wersji płatnej, w bloku Wygląd. Claude korzysta z niego wyłącznie przez połączenie serwisowe z adresów IP, które dopuścisz. Grafiki wgrywasz sam, a treść slajdów w module slidera zmieniasz w jego konfiguracji. W darmowym Audycie Claude sprawdzi nagłówki na stronie głównej i wskaże moduły, które ją tworzą.
Dwa najczęstsze zadania opisują zastosowania sezonowy baner na stronie głównej i nagłówki i opisy zdjęć w sliderze. Jeśli razem z banerem zmieniasz kolejność sekcji, przeczytaj o układzie strony głównej.
Pytania i odpowiedzi
Jakie wymiary powinien mieć obrazek w sliderze?
Takie same jak obecne slajdy w twoim motywie. Każdy motyw ma inną szerokość strony głównej, a slider rozciąga albo przycina obrazki o innych proporcjach. Sprawdź wymiary obecnego zdjęcia slajdu i przygotuj nowe w tym samym rozmiarze. Zapisz je w formacie JPG albo WebP, żeby strona ładowała się szybko.
Dlaczego nowy baner nie pojawia się na stronie?
Najczęściej przez pamięć podręczną albo wyłączony slajd. Sprawdź, czy slajd jest włączony i ma obrazek w języku, który oglądasz. Potem wyczyść pamięć podręczną w Zaawansowane > Wydajność i odśwież stronę w oknie prywatnym. W sklepie z kilkoma językami każdy język ma własny obrazek.
Czy baner w sliderze ma znaczenie dla Google?
Ma, choć niewielkie. Opis zdjęcia pomaga Google i czytnikom ekranu zrozumieć, co jest na obrazku. Ważniejsze bywa coś innego. W części motywów tytuły slajdów są nagłówkami strony, więc strona główna ma ich kilka. To warto sprawdzić i poprawić w szablonie slidera.
Jak wrócić do starego banera po kampanii?
Najprościej nie usuwać starego slajdu, tylko go wyłączyć na czas kampanii. Po promocji włączasz stary i wyłączasz sezonowy. Jeśli baner był zmieniony w szablonie przez Claude, poprzednia wersja pliku jest w kopii zapasowej i przywracasz ją jednym poleceniem, z podglądem różnic.
Czy Claude wgra grafikę banera?
Nie. Grafikę wgrywasz sam, w konfiguracji modułu slidera albo w menedżerze plików. Claude zmienia baner zapisany w szablonie motywu, linki, opisy zdjęć i wygląd slidera przez kopię szablonu w motywie. Działa to w wersji płatnej z blokiem Wygląd, przez osobne połączenie serwisowe.
PrestaShop jest zastrzeżonym znakiem towarowym PrestaShop SA. Claude jest znakiem towarowym Anthropic. TellMyShop nie jest powiązany z żadną z tych firm.