PrestaShop Design & Navigation

Scroll Infini PrestaShop — Pagination SEO & Retour Position

Scroll infini en catégorie avec pagination SEO préservée et retour à la position exacte après visite d'une fiche produit.

Le scroll infini qui préserve votre SEO et ramène le visiteur exactement là où il s'était arrêté.

En un coup d'œil
  • Chargement hybride : pages chargées automatiquement au scroll, puis bouton « Charger plus »
  • URL, balise canonical et rel prev/next synchronisés via l'History API, dans les deux sens de scroll
  • Retour à la position exacte sur le produit visité au retour d'une fiche (le vrai point de douleur)
  • Compatible navigation à facettes, sans endpoint AJAX dédié : la pagination native reste crawlable
  • PrestaShop 8 & 9, multiboutique, 5 langues, vanilla JS sans dépendance jQuery
PrestaShop 8 & 9 SEO préservé Retour position exact Facettes compatibles Sans jQuery
  • Remboursement 30 jours
  • 12 mois de mises à jour
  • Support 24h
www.datafirefly.com/
Scroll infini sur une page catégorie PrestaShop, avec pagination SEO et retour à la position
v1.0.0 · mis à jour 2026-07-15
Ce que ça fait

La version courte.

01

SEO préservé de bout en bout

Pas d'endpoint AJAX : le module récupère les URLs paginées natives du thème. Sans JavaScript, la pagination serveur reste intacte et crawlable par les robots. Avec JavaScript, canonical et rel prev/next suivent la page réellement à l'écran.

02

Retour à la position exacte

Au retour d'une fiche produit, les pages déjà chargées sont réinjectées et la vue se recale précisément sur le produit cliqué, via son identifiant, avec repli sur la position de défilement.

03

URL & canonical synchronisés

L'History API met à jour la barre d'adresse, la balise canonical et les liens rel prev/next au fil du scroll — y compris quand le visiteur remonte dans la liste.

04

Mode hybride recommandé

N pages se chargent automatiquement, puis un bouton « Charger plus » prend le relais : bon compromis SEO, performance et accès au pied de page.

La version longue

Tout ce que vous voudriez savoir avant d'installer.

Un regard détaillé sur le fonctionnement de Scroll Infini PrestaShop — Pagination SEO & Retour Position, pourquoi nous l'avons conçu ainsi, et la réflexion derrière les fonctionnalités ci-dessus.

§ 01

Le scroll infini qui ne casse pas votre SEO

La plupart des modules de scroll infini remplacent la pagination par un appel AJAX opaque : Google ne voit plus qu'une seule page et perd l'indexation des pages profondes. Ici, l'approche est inversée. Le module lit les liens de pagination natifs de votre thème et charge les pages suivantes à leur propre URL. Résultat : sans JavaScript, un robot voit exactement la pagination serveur habituelle, entièrement crawlable ; avec JavaScript, la balise canonical et les liens rel prev/next sont mis à jour pour refléter la page réellement affichée à l'écran.

§ 02

Le retour à la position exacte, enfin bien géré

C'est le vrai point de douleur que personne ne règle proprement. Quand un visiteur a scrollé jusqu'au 80e produit, clique sur une fiche, puis revient en arrière, il se retrouve normalement tout en haut, avec seule la première page rechargée. Ce module mémorise les pages chargées, l'URL exacte de chacune, l'identifiant du produit cliqué et la position de défilement. Au retour, il réinjecte les pages depuis le cache (ou les re-télécharge en parallèle si le cache était trop volumineux) et recale la vue précisément sur le produit visité.

§ 03

Pensé pour les thèmes réels et la navigation à facettes

Les sélecteurs de la liste produits et du bloc de pagination sont configurables, ce qui permet de l'adapter aux thèmes personnalisés sans toucher au code. Le module écoute les changements de filtres de la navigation à facettes et se réinitialise proprement à chaque mise à jour de la liste. Il émet aussi des événements applicatifs pour que votre thème ou d'autres modules puissent réattacher leurs comportements aux nouveaux produits injectés.

§ 04

Léger, sans dette technique

Aucune table en base, aucun override, un seul hook. Le front est écrit en JavaScript natif, sans jQuery, en s'appuyant sur IntersectionObserver, fetch et l'History API. Sur les navigateurs non compatibles, le module ne fait rien et la pagination native prend le relais. En cas d'échec réseau, il bascule automatiquement sur les liens de pagination classiques.