PrestaShop Design & Navegação

Módulo Quick View PrestaShop 8/9: Pré-visualização Rápida de Produto

A pré-visualização rápida que o seu tema devia ter tido.

Uma janela de pré-visualização rápida moderna, aberta em poucos milissegundos graças ao pré-carregamento ao passar o rato: galeria de imagens, seleção das cores e dos tamanhos, stock em direto e adição ao carrinho em AJAX. O cliente compra sem nunca sair da página de categoria.

At a glance
  • Janela de pré-visualização rápida moderna, em substituição da pré-visualização nativa do tema
  • Galeria completa: miniaturas, setas, navegação por teclado e deslize tátil
  • Seleção das variantes em direto: o preço, o stock, a referência e as imagens acompanham
  • Adição ao carrinho em AJAX, sem sair da página de categoria
  • Pré-carregamento ao passar o rato: a janela abre de imediato
PrestaShop 8 e 9 Sem jQuery Multiloja 5 idiomas Navegação por facetas
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Janela de pré-visualização rápida de um produto aberta a partir de uma listagem PrestaShop
v1.0.0 · atualizado 2026-07-12
O que faz

A versão curta.

01

A pré-visualização nativa, muito melhorada

A dos temas PrestaShop fica-se muitas vezes por uma imagem e um botão. Aqui, o cliente vê toda a galeria, escolhe a cor e o tamanho, confirma o stock e adiciona ao carrinho, tudo numa janela que abre por cima da lista de produtos.

02

Pré-carregamento ao passar o rato

Assim que o rato se demora numa miniatura de produto, os dados são carregados em segundo plano. Ao clique, a janela já está pronta: a abertura é imediata, sem espera nem indicador de carregamento.

03

Variantes vivas

Os círculos de cor e os tamanhos atualizam-se em direto: o preço, o preço riscado, o desconto, a referência, o stock e as imagens da variante mudam a cada clique. As combinações inexistentes ficam a cinzento e as esgotadas são assinaladas.

04

Adição ao carrinho sem recarregar

O carrinho do cabeçalho atualiza-se sozinho, a janela confirma a adição, e o cliente fica exatamente onde estava: na sua página de categoria, pronto para ver o produto seguinte.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Módulo Quick View PrestaShop 8/9: Pré-visualização Rápida de Produto funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

A pré-visualização rápida dos temas PrestaShop é uma oportunidade perdida

Na maioria dos temas, a pré-visualização rápida resume-se a uma imagem, um título, um preço e um botão. Sem galeria, sem escolha de tamanho, com uma adição ao carrinho que recarrega a página ou encaminha para outro lado, e com uma abertura lenta porque tudo é carregado no momento do clique. Resultado: o cliente fecha a janela e vai-se embora, ou sai da categoria para a ficha de produto e nunca mais volta. Este módulo pega na ideia de novo e transforma-a numa verdadeira ferramenta de conversão.

§ 02

Tudo o que o cliente precisa para decidir, dentro da janela

A galeria completa do produto está lá, com as suas miniaturas, as suas setas, a navegação por teclado e o deslize tátil no telemóvel. As variantes também: círculos de cor com as suas texturas, botões de tamanho e listas pendentes, consoante o que tiver configurado. A cada clique, o preço, o desconto, a referência, o stock e as imagens atualizam-se em direto. As combinações que não existem ficam a cinzento e as esgotadas são assinaladas: o cliente não perde tempo com uma escolha impossível.

§ 03

Uma abertura imediata graças ao pré-carregamento

A maioria das pré-visualizações rápidas espera pelo clique para ir buscar os dados do produto, o que impõe uma espera de meio segundo ou mais. Aqui, assim que o rato se demora numa miniatura, com um atraso de intenção ajustável, os dados são pré-carregados em segundo plano, e a primeira imagem também. Ao clique, está tudo em memória e a janela abre sem latência. Os dados ficam em cache no navegador durante o tempo que escolher, com uma cache separada por idioma, moeda, loja e grupo de clientes, para nunca mostrar um preço que não seja o do visitante.

§ 04

A adição ao carrinho deixa de partir o percurso

A adição é feita em AJAX para o controlador de carrinho nativo do PrestaShop: o carrinho do cabeçalho atualiza-se sozinho, a janela confirma visualmente a adição, e o cliente fica na sua página de categoria. Os erros eventuais, como rutura de stock ou quantidade mínima não atingida, são apresentados com clareza dentro da janela em vez de numa página de erro. Já os produtos com personalização obrigatória são corretamente encaminhados para a sua ficha.

§ 05

Adapta-se ao seu tema, sem o alterar

Três modos de acionamento à escolha: substituir a pré-visualização rápida nativa do seu tema, acrescentar um botão dedicado às miniaturas de produto, ou ambos. O seletor CSS das miniaturas é configurável para se adaptar a temas personalizados, a cor de destaque define-se num clique, e o módulo volta a injetar-se automaticamente após cada filtragem da navegação por facetas. Nenhum template é sobrecarregado e não é acrescentada qualquer dependência: o JavaScript é nativo, sem jQuery, e os estilos da janela são autónomos.