PrestaShop Design & Navegação

Scroll Infinito PrestaShop: Paginação SEO e Regresso à Posição

Scroll infinito em categoria com paginação SEO preservada e regresso à posição exata depois de visitar uma ficha de produto.

O scroll infinito que preserva o seu SEO e leva o visitante exatamente ao ponto onde tinha parado.

At a glance
  • Carregamento híbrido: páginas carregadas automaticamente ao scroll e depois botão «Carregar mais»
  • URL, etiqueta canonical e rel prev/next sincronizados através da History API, nos dois sentidos de scroll
  • Regresso à posição exata do produto visitado ao voltar de uma ficha (o verdadeiro ponto de dor)
  • Compatível com a navegação por facetas e sem endpoint AJAX dedicado: a paginação nativa mantém-se rastreável
  • PrestaShop 8 e 9, multiloja, 5 idiomas e JavaScript vanilla sem dependência de jQuery
PrestaShop 8 e 9 SEO preservado Regresso à posição exata Compatível com facetas Sem jQuery
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Scroll infinito numa página de categoria PrestaShop, com paginação SEO e regresso à posição
v1.0.0 · atualizado 2026-07-15
O que faz

A versão curta.

01

SEO preservado de ponta a ponta

Sem endpoint AJAX: o módulo obtém os URLs paginados nativos do tema. Sem JavaScript, a paginação do servidor mantém-se intacta e rastreável pelos robots. Com JavaScript, o canonical e o rel prev/next acompanham a página que está mesmo no ecrã.

02

Regresso à posição exata

No regresso de uma ficha de produto, as páginas já carregadas são reinjetadas e a vista reposiciona-se exatamente no produto em que se clicou, através do seu identificador, com recurso à posição de deslocamento.

03

URL e canonical sincronizados

A History API atualiza a barra de endereço, a etiqueta canonical e as ligações rel prev/next ao longo do scroll, incluindo quando o visitante volta a subir na lista.

04

Modo híbrido recomendado

Carregam-se automaticamente N páginas e depois um botão «Carregar mais» toma o lugar: um bom compromisso entre SEO, desempenho e acesso ao rodapé.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Scroll Infinito PrestaShop: Paginação SEO e Regresso à Posição funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

O scroll infinito que não parte o seu SEO

A maioria dos módulos de scroll infinito substitui a paginação por uma chamada AJAX opaca: o Google passa a ver apenas uma página e perde a indexação das páginas profundas. Aqui, a abordagem é a inversa. O módulo lê as ligações de paginação nativas do seu tema e carrega as páginas seguintes no seu próprio URL. Resultado: sem JavaScript, um robot vê exatamente a paginação de servidor habitual, totalmente rastreável; com JavaScript, a etiqueta canonical e as ligações rel prev/next são atualizadas para refletir a página que está realmente no ecrã.

§ 02

O regresso à posição exata, finalmente bem resolvido

É o verdadeiro ponto de dor que ninguém resolve como deve ser. Quando um visitante desceu até ao 80.º produto, clica numa ficha e depois volta atrás, aparece normalmente no topo, com apenas a primeira página recarregada. Este módulo memoriza as páginas carregadas, o URL exato de cada uma, o identificador do produto clicado e a posição de deslocamento. No regresso, reinjeta as páginas a partir da cache (ou volta a descarregá-las em paralelo se a cache era demasiado grande) e reposiciona a vista precisamente no produto visitado.

§ 03

Pensado para temas reais e para a navegação por facetas

Os seletores da lista de produtos e do bloco de paginação são configuráveis, o que permite adaptá-lo a temas personalizados sem tocar no código. O módulo escuta as mudanças de filtros da navegação por facetas e reinicia-se de forma limpa a cada atualização da lista. Emite também eventos aplicacionais para que o seu tema ou outros módulos possam voltar a ligar os seus comportamentos aos novos produtos injetados.

§ 04

Leve, sem dívida técnica

Sem tabelas na base de dados, sem overrides e com um único hook. O front-office está escrito em JavaScript nativo, sem jQuery, assentando no IntersectionObserver, no fetch e na History API. Nos navegadores incompatíveis, o módulo não faz nada e a paginação nativa toma o lugar. Em caso de falha de rede, passa automaticamente para as ligações de paginação clássicas.