PrestaShop Grátis

Botão Voltar ao Topo (Scroll to Top) PrestaShop 8 e 9

Botão « Voltar ao topo » suave, leve e personalizável.

Dê aos seus visitantes um regresso instantâneo ao topo da página, sem tornar a loja mais pesada.

Gratuito PrestaShop 8 e 9 Zero dependências Acessível
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Botão « voltar ao topo » numa loja PrestaShop
v1.0.0 · atualizado 2026-06-05
O que faz

A versão curta.

01

Deslocamento suave

Subida animada e progressiva, desativável com um clique, que respeita a preferência de movimento reduzido do sistema.

02

100% personalizável

Posição, tamanho, forma, ícone, cores e sombra definem-se diretamente no back-office.

03

Ultraleve

Cerca de 1,5 kB de JavaScript nativo, sem bibliotecas de terceiros e sem impacto percetível nos Core Web Vitals.

04

Acessível

Botão nativo com rótulo ARIA, foco visível pelo teclado e ícone SVG decorativo.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Botão Voltar ao Topo (Scroll to Top) PrestaShop 8 e 9 funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Um pormenor que muda a experiência

Em páginas longas (categorias, fichas de produto, artigos de blogue), os visitantes têm muitas vezes de subir manualmente. O botão Voltar ao topo aparece assim que há deslocamento e leva-os ao topo da página com um só clique, de forma suave.

§ 02

Pensado para o desempenho

O módulo assenta num JavaScript nativo de cerca de 1,5 kB, sem jQuery nem bibliotecas externas. O acompanhamento do deslocamento usa requestAnimationFrame e um listener passivo, sem impacto percetível nos Core Web Vitals.

§ 03

Personalizável sem mexer no código

A partir do back-office, defina a posição, o tamanho, a forma (do quadrado ao círculo), o ícone, as cores em repouso e ao passar o rato, a sombra e o limiar de aparição. Um separador Comportamento e um separador Aparência reúnem todas as definições.

§ 04

Acessível e respeitador

O botão é um elemento nativo com rótulo ARIA e foco de teclado visível. Respeita a preferência de movimento reduzido e não guarda qualquer dado pessoal.