PrestaShop Design & navigatie

Oneindig Scrollen PrestaShop: SEO-paginering & Positieherstel

Oneindig scrollen op de categoriepagina met behoud van de SEO-paginering en terugkeer naar de exacte positie na een bezoek aan een productpagina.

Het oneindig scrollen dat uw vindbaarheid beschermt en de bezoeker precies terugbrengt waar hij gebleven was.

At a glance
  • Hybride laden: pagina's automatisch geladen tijdens het scrollen, daarna een knop Meer laden
  • URL, canonical tag en rel prev/next gesynchroniseerd via de History API, in beide scrollrichtingen
  • Terugkeer naar de exacte positie op het bezochte product bij het verlaten van een productpagina (het echte pijnpunt)
  • Compatibel met facetnavigatie, zonder eigen AJAX-endpoint: de native paginering blijft doorzoekbaar
  • PrestaShop 8 & 9, multistore, 5 talen, vanilla JS zonder afhankelijkheid van jQuery
PrestaShop 8 & 9 SEO behouden Exacte positie terug Facetten compatibel Zonder jQuery
  • 30 dagen geld terug
  • 12 maanden updates
  • Support binnen 24 uur
www.datafirefly.com/nl/
Scroll infini sur une page catégorie PrestaShop, avec pagination SEO et retour à la position
v1.0.0 · bijgewerkt 2026-07-15
Wat het doet

De korte versie.

01

Vindbaarheid van begin tot eind behouden

Geen AJAX-endpoint: de module haalt de native gepagineerde URL's van het thema op. Zonder JavaScript blijft de paginering op de server intact en doorzoekbaar voor de robots. Met JavaScript volgen canonical en rel prev/next de pagina die werkelijk op het scherm staat.

02

Terugkeer naar de exacte positie

Bij de terugkeer van een productpagina worden de reeds geladen pagina's opnieuw ingevoegd en komt het beeld precies op het aangeklikte product terecht, via de identificatie ervan, met terugval op de scrollpositie.

03

URL en canonical gesynchroniseerd

De History API werkt de adresbalk, de canonical tag en de rel prev/next links bij tijdens het scrollen, ook wanneer de bezoeker weer omhoog gaat in de lijst.

04

Aanbevolen hybride modus

N pagina's laden automatisch, daarna neemt een knop Meer laden het over: een goed evenwicht tussen vindbaarheid, prestaties en toegang tot de footer.

De lange versie

Alles wat u wilt weten voordat u installeert.

Een gedetailleerde blik op hoe Oneindig Scrollen PrestaShop: SEO-paginering & Positieherstel werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.

§ 01

Het oneindig scrollen dat uw vindbaarheid niet breekt

De meeste modules voor oneindig scrollen vervangen de paginering door een ondoorzichtige AJAX-aanroep: Google ziet nog maar één pagina en verliest de indexering van de diepe pagina's. Hier is de aanpak omgekeerd. De module leest de native pagineringslinks van uw thema en laadt de volgende pagina's op hun eigen URL. Het resultaat: zonder JavaScript ziet een robot precies de gebruikelijke paginering op de server, volledig doorzoekbaar; met JavaScript worden de canonical tag en de rel prev/next links bijgewerkt zodat ze de pagina weergeven die werkelijk op het scherm staat.

§ 02

De terugkeer naar de exacte positie, eindelijk goed opgelost

Dat is het echte pijnpunt dat niemand netjes oplost. Wanneer een bezoeker tot het 80e product heeft gescrold, op een productpagina klikt en daarna terugkeert, belandt hij normaal helemaal bovenaan, met alleen de eerste pagina opnieuw geladen. Deze module onthoudt de geladen pagina's, de exacte URL van elk daarvan, de identificatie van het aangeklikte product en de scrollpositie. Bij de terugkeer voegt hij de pagina's uit de cache opnieuw in (of haalt hij ze parallel opnieuw op als de cache te groot was) en plaatst hij het beeld precies op het bezochte product.

§ 03

Gemaakt voor echte thema's en voor facetnavigatie

De selectoren van de productlijst en van het pagineringsblok zijn instelbaar, waardoor u de module aan maatwerkthema's kunt aanpassen zonder de code aan te raken. De module luistert naar de filterwijzigingen van de facetnavigatie en herstart netjes bij elke update van de lijst. Hij stuurt ook applicatie-events uit zodat uw thema of andere modules hun gedrag opnieuw aan de nieuw ingevoegde producten kunnen koppelen.

§ 04

Licht, zonder technische schuld

Geen enkele tabel in de database, geen enkele override, één enkele hook. De frontend is geschreven in native JavaScript, zonder jQuery, op basis van IntersectionObserver, fetch en de History API. Op browsers die dat niet ondersteunen doet de module niets en neemt de native paginering het over. Faalt het netwerk, dan schakelt hij automatisch terug naar de klassieke pagineringslinks.