PrestaShop Diseño & Navegación

Scroll Infinito PrestaShop — Paginación SEO y Restauración de Posición

Scroll infinito en páginas de categoría con paginación que preserva el SEO y restauración de la posición exacta tras visitar una ficha de producto.

El scroll infinito que preserva tu SEO y devuelve al visitante exactamente donde lo dejó.

De un vistazo
  • Carga híbrida: las páginas se cargan automáticamente al hacer scroll y luego toma el relevo un botón «Cargar más»
  • URL, etiqueta canonical y rel prev/next sincronizados mediante la History API, en ambos sentidos del scroll
  • Restauración de la posición exacta en el producto visitado al volver de una ficha (el verdadero punto de dolor)
  • Compatible con la navegación por facetas, sin endpoint AJAX dedicado: la paginación nativa sigue siendo rastreable
  • PrestaShop 8 y 9, multitienda, 5 idiomas, JavaScript nativo sin dependencia de jQuery
PrestaShop 8 y 9 SEO preservado Restaura posición exacta Compatible con facetas Sin jQuery
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Scroll infinito en una página de categoría PrestaShop con paginación SEO y retorno de posición
v1.0.0 · actualizado 2026-07-15
Qué hace

La versión corta.

01

SEO preservado de principio a fin

Sin endpoint AJAX: el módulo recupera las URL paginadas nativas del tema. Sin JavaScript, la paginación del servidor permanece intacta y rastreable por los bots. Con JavaScript, canonical y rel prev/next siguen la página que realmente está en pantalla.

02

Restaura la posición exacta

Al volver de una ficha de producto, las páginas ya cargadas se reinyectan y la vista se recoloca con precisión en el producto pulsado, mediante su ID, con respaldo en la posición de scroll.

03

URL y canonical sincronizados

La History API actualiza la barra de direcciones, la etiqueta canonical y los enlaces rel prev/next a medida que el visitante hace scroll, incluso al subir por la lista.

04

Modo híbrido recomendado

Se cargan N páginas automáticamente y luego toma el relevo un botón «Cargar más»: buen equilibrio entre SEO, rendimiento y acceso al pie de página.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Scroll Infinito PrestaShop — Paginación SEO y Restauración de Posición, por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

El scroll infinito que no rompe tu SEO

La mayoría de los módulos de scroll infinito sustituyen la paginación por una llamada AJAX opaca: Google solo ve una página y pierde la indexación de las páginas profundas. Aquí el enfoque es el inverso. El módulo lee los enlaces de paginación nativos de tu tema y carga las páginas siguientes en su propia URL. El resultado: sin JavaScript, un bot ve exactamente la paginación del servidor habitual, totalmente rastreable; con JavaScript, la etiqueta canonical y los enlaces rel prev/next se actualizan para reflejar la página realmente mostrada en pantalla.

§ 02

La restauración de la posición exacta, por fin bien hecha

Este es el verdadero punto de dolor que nadie resuelve bien. Cuando un visitante ha hecho scroll hasta el producto número 80, pulsa una ficha y luego vuelve atrás, normalmente acaba arriba del todo con solo la primera página recargada. Este módulo recuerda las páginas cargadas, la URL exacta de cada una, el ID del producto pulsado y la posición de scroll. Al volver, reinyecta las páginas desde la caché (o las vuelve a descargar en paralelo si la caché era demasiado grande) y recoloca la vista con precisión en el producto visitado.

§ 03

Pensado para temas reales y navegación por facetas

Los selectores de la lista de productos y del bloque de paginación son configurables, lo que permite adaptarlo a temas personalizados sin tocar el código. El módulo escucha los cambios de filtro de la navegación por facetas y se reinicializa limpiamente en cada actualización de la lista. También emite eventos de aplicación para que tu tema u otros módulos puedan volver a asociar sus comportamientos a los nuevos productos inyectados.

§ 04

Ligero, sin deuda técnica

Sin tabla en la base de datos, sin override, un solo hook. El front-end está escrito en JavaScript nativo, sin jQuery, apoyándose en IntersectionObserver, fetch y la History API. En navegadores no compatibles el módulo no hace nada y la paginación nativa toma el relevo. Si falla la red, recurre automáticamente a los enlaces de paginación clásicos.