PrestaShop Design & Navegação

Imagem ao Passar o Rato e Etiquetas Automáticas PrestaShop

Passagem do rato e etiquetas inteligentes nas suas listagens

A segunda imagem ao passar o rato e etiquetas Novo, Promoção e Stock baixo que se ativam sozinhas, sem sobrecarga do tema.

At a glance
  • Mostra a segunda imagem do produto ao passar o rato em todas as listagens (categoria, pesquisa, página inicial, novidades, promoções, fabricante e fornecedor).
  • Etiquetas automáticas Novo, Promoção e Stock baixo, geridas por regras configuráveis, sem intervenção manual.
  • Zero overrides de template: deteção das miniaturas em JavaScript, compatível com o tema classic e com temas filhos.
  • Uma única chamada AJAX agrupada por página e imagem de passagem carregada de forma tardia na primeira passagem do rato.
  • Textos multilingues em FR/EN/ES/DE/IT, com cores e posição das etiquetas totalmente configuráveis.
PrestaShop 8 e 9 Multiloja FR/EN/ES/DE/IT Independente do tema Código-fonte incluído
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Segunda imagem ao passar o rato e etiquetas automáticas nas miniaturas de produto PrestaShop
v1.0.0 · atualizado 2026-07-15
O que faz

A versão curta.

01

Segunda imagem ao passar o rato

O visitante passa o rato por uma miniatura e descobre a segunda imagem do produto (outro ângulo, produto vestido ou pormenor). Efeito de esbatimento, esbatimento com zoom ou instantâneo, à escolha. Os produtos com uma só imagem são ignorados automaticamente.

02

Etiquetas que se ativam sozinhas

Novo consoante a antiguidade do produto, Promoção assim que um preço específico está ativo (com apresentação opcional da percentagem) e Stock baixo abaixo de um limiar que você define. Sem preenchimento produto a produto.

03

Pensado para o desempenho

Uma única chamada AJAX agrupada obtém os dados de toda a página. A imagem de passagem só é carregada na primeira passagem do rato: nenhuma largura de banda desperdiçada no carregamento.

04

Sem tocar no seu tema

Sem qualquer ficheiro de template sobrecarregado. O módulo deteta as miniaturas em JavaScript e readapta-se automaticamente após a navegação por facetas e a paginação AJAX.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Imagem ao Passar o Rato e Etiquetas Automáticas PrestaShop funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Uma ficha de produto mais viva logo na listagem

Numa loja, a página de listagem é muitas vezes o primeiro ponto de contacto com o produto. Ao mostrar a segunda imagem ao passar o rato, dá a ver um segundo ângulo, o produto vestido ou um pormenor sem que o visitante tenha de clicar. Resultado: páginas de categoria mais envolventes e um percurso de compra mais fluido. O efeito funciona em todas as listagens da loja, sejam categoria, pesquisa, página inicial, novidades, preços reduzidos e páginas de fabricante e de fornecedor.

§ 02

Etiquetas que se ativam sozinhas

Acabaram os destaques para gerir produto a produto. O módulo aplica automaticamente uma etiqueta Novo consoante a antiguidade do produto, uma etiqueta Promoção assim que existe um preço específico ativo, com apresentação opcional da percentagem de desconto, e uma etiqueta Stock baixo quando a quantidade disponível desce abaixo do limiar que definiu. Cada etiqueta pode ser ativada de forma independente, com os seus próprios textos multilingues, a sua cor de fundo e a sua cor de texto.

§ 03

Pensado para o desempenho

O módulo não multiplica os pedidos: uma única chamada AJAX agrupada obtém os dados de todos os produtos visíveis na página, por lotes. Já a imagem de passagem só é descarregada na primeira passagem do rato, o que evita pesar no carregamento inicial da página. No telemóvel com ecrã tátil, a troca de imagem é automaticamente desativada.

§ 04

Compatível sem tocar no seu tema

Nenhum ficheiro de template é sobrecarregado. O módulo identifica as miniaturas de produto diretamente em JavaScript, o que o torna compatível tanto com o tema classic como com os temas filhos. Readapta-se automaticamente quando a lista é regenerada pela navegação por facetas ou pela paginação AJAX. A instalação faz-se em poucos cliques e toda a configuração se define a partir de uma página de administração clara.