PrestaShop Design i nawigacja

Nieskończone przewijanie PrestaShop: paginacja SEO i powrót do pozycji

Nieskończone przewijanie w kategoriach z zachowaną paginacją SEO i powrotem do dokładnej pozycji po wizycie na karcie produktu.

Nieskończone przewijanie, które chroni Twoje SEO i przywraca odwiedzającego dokładnie tam, gdzie skończył.

W skrócie
  • Ładowanie hybrydowe: strony ładowane automatycznie przy przewijaniu, potem przycisk „Załaduj więcej”
  • URL, znacznik canonical i rel prev/next synchronizowane przez History API, w obu kierunkach przewijania
  • Powrót do dokładnej pozycji na klikniętym produkcie po wyjściu z karty (prawdziwa bolączka)
  • Zgodny z nawigacją fasetową, bez dedykowanego endpointu AJAX: natywna paginacja pozostaje dostępna dla robotów
  • PrestaShop 8 i 9, multisklep, 5 języków, czysty JS bez zależności od jQuery
PrestaShop 8 i 9 SEO zachowane Dokładny powrót do pozycji Zgodny z fasetami Bez jQuery
  • Zwrot w 30 dni
  • 12 miesięcy aktualizacji
  • Wsparcie 24 h
www.datafirefly.com/pl/
Nieskończone przewijanie na stronie kategorii PrestaShop z paginacją SEO i powrotem do pozycji
v1.0.0 · zaktualizowano 2026-07-15
Co robi

W skrócie.

01

SEO zachowane od początku do końca

Bez endpointu AJAX: moduł pobiera natywne adresy paginacji motywu. Bez JavaScriptu paginacja serwerowa pozostaje nienaruszona i dostępna dla robotów. Z JavaScriptem canonical i rel prev/next odpowiadają stronie faktycznie widocznej na ekranie.

02

Powrót do dokładnej pozycji

Po powrocie z karty produktu wcześniej załadowane strony są wstrzykiwane ponownie, a widok ustawia się precyzyjnie na klikniętym produkcie, po jego identyfikatorze, z zapasowym mechanizmem pozycji przewinięcia.

03

URL i canonical zsynchronizowane

History API aktualizuje pasek adresu, znacznik canonical i linki rel prev/next w trakcie przewijania, także gdy odwiedzający wraca w górę listy.

04

Zalecany tryb hybrydowy

N stron ładuje się automatycznie, potem przejmuje przycisk „Załaduj więcej”: dobry kompromis między SEO, wydajnością i dostępem do stopki.

Wersja pełna

Wszystko, co warto wiedzieć, zanim zainstalujesz.

Szczegółowe spojrzenie na to, jak działa Nieskończone przewijanie PrestaShop: paginacja SEO i powrót do pozycji, dlaczego zbudowaliśmy go w ten sposób i jaka myśl stoi za powyższymi funkcjami.

§ 01

Nieskończone przewijanie, które nie psuje SEO

Większość modułów nieskończonego przewijania zastępuje paginację nieprzejrzystym wywołaniem AJAX: Google widzi już tylko jedną stronę i traci indeksowanie głębokich stron. Tutaj podejście jest odwrotne. Moduł odczytuje natywne linki paginacji Twojego motywu i ładuje kolejne strony pod ich własnymi adresami. Rezultat: bez JavaScriptu robot widzi dokładnie zwykłą paginację serwerową, w pełni dostępną do crawlowania; z JavaScriptem znacznik canonical i linki rel prev/next są aktualizowane tak, aby odpowiadały stronie faktycznie wyświetlanej na ekranie.

§ 02

Powrót do dokładnej pozycji, wreszcie zrobiony porządnie

To prawdziwa bolączka, której nikt nie rozwiązuje czysto. Gdy odwiedzający przewinął do 80. produktu, kliknął kartę i wrócił, zwykle ląduje na samej górze, z załadowaną tylko pierwszą stroną. Ten moduł zapamiętuje załadowane strony, dokładny adres każdej z nich, identyfikator klikniętego produktu i pozycję przewinięcia. Po powrocie wstrzykuje strony z cache (lub pobiera je ponownie równolegle, jeśli cache był zbyt duży) i ustawia widok precyzyjnie na odwiedzonym produkcie.

§ 03

Zaprojektowany pod realne motywy i nawigację fasetową

Selektory listy produktów i bloku paginacji są konfigurowalne, co pozwala dopasować moduł do motywów niestandardowych bez dotykania kodu. Moduł nasłuchuje zmian filtrów nawigacji fasetowej i czysto resetuje się przy każdej aktualizacji listy. Emituje też zdarzenia aplikacyjne, dzięki którym Twój motyw lub inne moduły mogą ponownie podpiąć swoje zachowania do nowo wstrzykniętych produktów.

§ 04

Lekki, bez długu technicznego

Żadnej tabeli w bazie, żadnego nadpisywania, jeden hook. Front napisany jest w natywnym JavaScript, bez jQuery, w oparciu o IntersectionObserver, fetch i History API. W niezgodnych przeglądarkach moduł nic nie robi i natywna paginacja przejmuje działanie. Przy błędzie sieci automatycznie przełącza się na klasyczne linki paginacji.