Nieskończone przewijanie PrestaShop: przewodnik instalacji i konfiguracji
Instalacja i konfiguracja nieskończonego przewijania: tryby ładowania, zachowana paginacja SEO, powrót do dokładnej pozycji i motywy niestandardowe.
Instalacja
Nieskończone Przewijanie PrestaShop instaluje się jak każdy moduł PrestaShop, bez zależności i bibliotek zewnętrznych.
- W panelu administracyjnym otwórz Moduły > Menedżer modułów, następnie kliknij Zainstaluj moduł.
- Wybierz dostarczony plik
dfinfinitescroll-1.0.0.zipi uruchom instalację. - Po instalacji kliknij Konfiguruj, aby przejść do ustawień.
Moduł nie dodaje żadnej tabeli w bazie danych i nie zakłada żadnego override. Odinstalowanie nie zostawia śladu.
Trzy tryby ładowania
Zachowanie ładowania wybiera się w ustawieniu Tryb ładowania.
Hybrydowy (zalecany)
Pierwsze strony ładują się automatycznie w miarę przewijania, a po osiągnięciu progu przejmuje przycisk „Załaduj więcej produktów”. To najlepszy kompromis: doświadczenie pozostaje płynne na górze listy, ale odwiedzający zachowuje kontrolę, a stopka strony jest znowu dostępna.
Czysto nieskończony
Wszystkie kolejne strony ładują się automatycznie, gdy zbliża się koniec listy, bez przycisku. Zarezerwuj go dla katalogów, gdzie dostęp do stopki nie jest krytyczny.
Tylko przycisk
Żadnego automatycznego ładowania: odwiedzający klika „Załaduj więcej” przy każdej stronie. Przydatne, jeśli chcesz ograniczyć liczbę zapytań lub zachować bardzo wyraźną paginację.
Dostępne ustawienia
- Tryb ładowania: hybrydowy, czysto nieskończony lub tylko przycisk.
- Strony ładowane automatycznie (hybrydowy): liczba stron ładowanych przed pojawieniem się przycisku. Wartość domyślna: 3.
- Synchronizuj URL i canonical: aktualizuje pasek adresu, znacznik canonical oraz linki rel prev/next w miarę przewijania.
- Przywracaj dokładną pozycję: ponownie wstrzykuje już obejrzane strony i ustawia widok na odwiedzonym produkcie przy powrocie z karty produktu.
- Włącz na wszystkich stronach z listami: kategorie, producenci, dostawcy, wyszukiwanie, bestsellery, nowości, promocje. Po wyłączeniu moduł działa tylko na kategoriach.
- Etykieta przycisku: wielojęzyczny tekst przycisku „Załaduj więcej”.
- Selektor listy produktów (zaawansowane) oraz Selektor paginacji (zaawansowane): patrz sekcja motywy niestandardowe.
Paginacja pozostaje zoptymalizowana pod SEO
W przeciwieństwie do modułów, które zastępują paginację niewidocznym wywołaniem AJAX, Nieskończone Przewijanie PrestaShop opiera się na natywnych paginowanych adresach URL Twojego motywu. Konkretnie:
- Bez JavaScriptu (roboty włącznie) sklep pokazuje dokładnie Twoją zwykłą paginację serwerową, w pełni crawlowalną.
- Z JavaScriptem znacznik canonical i linki rel prev/next są aktualizowane, aby odzwierciedlać stronę rzeczywiście wyświetlaną na ekranie, w obu kierunkach przewijania.
Pozostaw opcję „Synchronizuj URL i canonical” włączoną: to ona gwarantuje, że adres udostępniony przez odwiedzającego, który przewinął do strony 4, faktycznie wskazuje na tę stronę.
Powrót do dokładnej pozycji
To serce modułu. Gdy odwiedzający klika produkt po przewinięciu, moduł zapisuje w pamięci sesji: załadowane strony, dokładny adres URL każdej z nich, pozycję przewijania oraz identyfikator klikniętego produktu. Buforuje też zawartość stron, z zabezpieczeniem rozmiaru.
Przy powrocie (przycisk wstecz przeglądarki lub nawigacja wewnętrzna z karty produktu) moduł:
- natychmiast ponownie wstrzykuje strony z cache lub pobiera je równolegle na nowo, jeśli cache był zbyt duży;
- ustawia widok precyzyjnie na odwiedzonym produkcie, po jego identyfikatorze, z awaryjnym powrotem do pozycji przewijania.
Stan przywracania wygasa po 30 minutach i nigdy nie jest stosowany przy bezpośredniej wizycie na adresie typu strona 3: w takim przypadku strona zachowuje się normalnie.
Motywy niestandardowe: zaawansowane selektory
Domyślnie moduł celuje w selektory motywu Classic: #js-product-list .products dla listy produktów oraz .pagination dla bloku paginacji. Jeśli Twój motyw używa innej struktury, wypełnij dwa pola zaawansowane:
- Selektor listy produktów: bezpośredni kontener kart produktów.
- Selektor paginacji: blok zawierający link „następna” (rel next lub klasa next).
Żadna modyfikacja kodu nie jest potrzebna. Moduł ponownie podpina zachowania wstrzykniętych produktów przez zdarzenia aplikacyjne, co pozwala Twojemu motywowi lub innym modułom przepiąć swoje widgety na nowe karty.
Zgodność z nawigacją fasetową
Moduł jest zgodny z modułem nawigacji fasetowej. Nasłuchuje zdarzenia aktualizacji listy produktów wywoływanego przy każdej zmianie filtra, czysto się resetuje i startuje od nowa z przefiltrowanych paginowanych adresów URL. Żadne dodatkowe ustawienie nie jest wymagane.
Rozwiązywanie problemów
Nieskończone przewijanie się nie uruchamia
Sprawdź, czy zaawansowane selektory rzeczywiście odpowiadają Twojemu motywowi oraz czy na stronie z listą obecna jest natywna paginacja (z linkiem „następna”).
Powrót nie ustawia się na właściwym produkcie
Upewnij się, że karty produktów Twojego motywu faktycznie udostępniają atrybut z identyfikatorem produktu. Na bardzo spersonalizowanym motywie, który go nie udostępnia, moduł wraca awaryjnie do pozycji przewijania.
W razie błędu sieci
Moduł automatycznie przełącza się na natywne linki paginacji: nawigacja pozostaje zawsze możliwa.