Układ strony głównej PrestaShop: jak zmienić kolejność bloków bez edycji kodu
Układ strony głównej PrestaShop zmieniasz w Wygląd > Pozycje. Strona główna to miejsce „displayHome”, a bloki na niej to moduły w ustalonej kolejności. Przeciągasz moduł wyżej albo niżej, odpinasz zbędne i czyścisz pamięć podręczną. Jeśli bloku nie ma na liście, pochodzi z szablonu albo kreatora motywu.
Autor: Sani. Sani buduje moduł TellMyShop i na co dzień pracuje z zapleczem sklepów PrestaShop.
Aktualizacja: · 4 min czytania
Z czego składa się strona główna w PrestaShop?
Z modułów wyświetlanych w jednym miejscu strony, w kolejności z listy pozycji. Slider, produkty polecane, baner, tekst o sklepie, nowości i bestsellery to osobne moduły. Każdy z nich może się pokazywać także w innych miejscach.
Mechanizm miejsc i kolejności opisuje dokumentacja hooków PrestaShop. Po polsku przegląd sposobów zmiany układu ma icomSEO, a krótszą instrukcję pomoc dhosting.
Jak wygląda zmiana kolejności przed i po?
Typowa prośba właściciela sklepu to bestsellery wyżej, a newsletter i logotypy marek niżej. Na liście pozycji wygląda to tak:
| Pozycja | Przed | Po |
|---|---|---|
| 1 | Slider | Slider |
| 2 | Tekst o sklepie | Bestsellery |
| 3 | Produkty polecane | Produkty polecane |
| 4 | Baner | Baner |
| 5 | Newsletter | Tekst o sklepie |
| 6 | Logotypy marek | Newsletter |
| 7 | Bestsellery | Logotypy marek |
Zmieniła się kolejność trzech bloków. Żaden plik motywu nie był edytowany, a każdy moduł działa tak samo jak przedtem.
Jak przesunąć moduł w panelu krok po kroku?
Robisz to w jednym ekranie panelu.
- Wejdź w Wygląd > Pozycje.
- W wyszukiwarce miejsc wpisz „displayHome” albo przewiń do strony głównej.
- Złap moduł za uchwyt i przeciągnij go na nowe miejsce.
- Jeśli blok ma zniknąć ze strony głównej, kliknij strzałkę przy module i wybierz odpięcie.
- Wyczyść pamięć podręczną w Zaawansowane > Wydajność.
- Sprawdź stronę główną w oknie prywatnym przeglądarki i na telefonie.
Jeśli zmiana nie pojawia się na stronie, przeczytaj, dlaczego w PrestaShop nie widać zmian.
Dlaczego niektórych bloków nie da się przesunąć?
Bo nie pochodzą z modułów w miejscu strony głównej. Są trzy częste powody.
- Sekcja w szablonie. Autor motywu wpisał ją wprost w plik strony głównej. Zmiana wymaga edycji szablonu, najlepiej w motywie potomnym.
- Kreator motywu. Kupione motywy często mają własny edytor strony głównej. Kolejność zmieniasz tam, a lista pozycji pokazuje jeden moduł kreatora.
- Moduł w innym miejscu. Blok wygląda jak część strony głównej, ale jest podpięty na przykład pod miejsce nad stopką.
Przy zmianie motywu pamiętaj, że motyw przy włączeniu ustawia własną listę modułów i ich miejsc. Zapisuje ją w pliku konfiguracji, opisanym w dokumentacji theme.yml. Po włączeniu motywu twój układ może wrócić do ustawień autora.
Jak zaplanować układ strony głównej?
Ułóż bloki według tego, czego szukają klienci, a nie według kolejności instalacji modułów. Sobota, 19:40, stoisz przed listą pozycji i przeciągasz bloki na próbę. Po każdym przesunięciu czyścisz pamięć i odświeżasz stronę. Lepiej zacząć od kartki.
- Na górze to, co sprzedaje: kampania, bestsellery, najważniejsze kategorie.
- W środku to, co buduje zaufanie: tekst o sklepie, opinie, informacje o dostawie.
- Na dole to, co jest dodatkiem: newsletter, logotypy marek, wpisy z bloga.
Jeśli masz dane ze sprzedaży, sprawdź, które kategorie i produkty sprzedają najwięcej. To one powinny być wyżej niż blok, który ktoś dodał przy instalacji sklepu i nikt go potem nie ruszał. Po miesiącu porównaj sprzedaż z produktów ze strony głównej z poprzednim miesiącem.
Co sprawdzić po zmianie układu?
Po każdej zmianie obejrzyj stronę główną tak, jak zobaczy ją klient. Zmiana kolejności rzadko coś psuje, ale bywa, że blok wygląda inaczej w nowym sąsiedztwie.
| Co sprawdzić | Na co patrzeć |
|---|---|
| Komputer | czy odstępy między blokami są równe, czy nic się nie nakłada |
| Telefon | czy ważne bloki nie spadły na sam dół długiej strony |
| Nagłówki | czy strona ma jeden główny nagłówek, a bloki mają swoje tytuły |
| Szybkość | czy ciężki slider albo wideo nie wylądowały w miejscu, które ładuje się pierwsze |
| Linki | czy przyciski w przesuniętych blokach prowadzą tam, gdzie trzeba |
Zapisz też obecną kolejność, zanim zaczniesz. Zrzut ekranu listy pozycji wystarczy. Dzięki niemu wrócisz do starego układu, gdy nowy się nie sprawdzi albo gdy aktualizacja motywu go zmieni.
Jak zmienić układ strony głównej z Claude?
Prosisz o pokazanie obecnej kolejności, a potem opisujesz nową. Claude pokazuje starą i nową kolejność, zanim cokolwiek zapisze.
Pokaż kolejność bloków na stronie głównej i przesuń bestsellery zaraz pod slider.
Strona główna ma 7 modułów. Proponowana zmiana:
było: 1. Slider, 2. Tekst o sklepie, 3. Produkty polecane, 7. Bestsellery
będzie: 1. Slider, 2. Bestsellery, 3. Produkty polecane, 5. Tekst o sklepie
Pozostałe moduły przesuną się o jedno miejsce w dół. Po zapisie wyczyszczę pamięć podręczną i sprawdzę stronę główną.
Zatwierdzam.
Zapisane. Starą kolejność przywrócisz z historii zmian.
W darmowym Audycie Claude pokaże obecną kolejność modułów na stronie głównej. Samo przesuwanie modułów należy do bloku Wygląd w wersji płatnej i wymaga połączenia serwisowego, które przyjmuje tylko twoje adresy IP.
Przykład prośby: zmiana kolejności bloków na stronie głównej. Jeśli przy okazji zmieniasz baner, przeczytaj o zmianie banera.
Pytania i odpowiedzi
Czym jest pozycja modułu w PrestaShop?
To miejsce na stronie, w którym moduł się wyświetla, na przykład strona główna, stopka albo kolumna boczna. W dokumentacji nazywa się je hookami. Każde miejsce ma listę modułów w ustalonej kolejności. Zmieniając kolejność na tej liście, zmieniasz kolejność bloków na stronie, bez edycji plików motywu.
Czym różni się odpięcie modułu od jego wyłączenia?
Odpięty moduł znika tylko z jednego miejsca strony, a dalej działa w innych. Wyłączony moduł przestaje działać wszędzie. Jeśli chcesz zdjąć blok nowości ze strony głównej, a zostawić go w kolumnie, odepnij go od strony głównej. Wyłączenie zostaw na sytuacje, gdy moduł nie jest potrzebny wcale.
Dlaczego po zmianie motywu układ strony głównej się zmienił?
Bo motyw przy włączeniu ustawia własną listę modułów i ich miejsc. Zapisuje ją autor motywu w pliku konfiguracji. Po zmianie albo ponownym włączeniu motywu sprawdź Wygląd > Pozycje i przesuń bloki jeszcze raz. Dlatego warto zapisać obecną kolejność, zanim zaczniesz zmiany motywu.
Czy da się przesunąć blok, którego nie ma na liście pozycji?
Nie w tym miejscu. Część motywów buduje stronę główną we własnym kreatorze albo wstawia sekcje wprost w szablonie. Wtedy kolejność zmieniasz w kreatorze motywu albo w pliku szablonu. Claude pokaże moduły podpięte pod stronę główną. Bloku, którego tam nie ma, szukaj w szablonie albo w kreatorze motywu.
Czy zmianę kolejności przez Claude da się cofnąć?
Tak. Zmiana pozycji modułu trafia do historii zmian i cofasz ją jednym poleceniem, z podglądem starej i nowej kolejności. Cofnięcie też pokazuje podgląd przed zapisem. Zmiany wyglądu działają w wersji płatnej, w bloku Wygląd, tylko przez osobne połączenie serwisowe z adresów IP z twojej listy.
PrestaShop jest zastrzeżonym znakiem towarowym PrestaShop SA. Claude jest znakiem towarowym Anthropic. TellMyShop nie jest powiązany z żadną z tych firm.