PrestaShop Design & Navegação

Lookbook Comprável: Shop the Look e Hotspots Clicáveis

O lookbook shoppable que transforma as suas fotografias em vendas

Imagens com hotspots clicáveis, carrossel ou exibição expandida, e compra do look completo com um clique — pensado para moda e decoração.

At a glance
  • Editor visual de hotspots, com escolha da combinação visível na fotografia
  • Carrossel de looks ou um único look expandido, sem pop-up
  • Looks em destaque: escolhe o que aparece na página inicial
  • Botão «Comprar o look»: todo o look no carrinho com um clique
  • PrestaShop 8 e 9, multiloja, interface em 8 idiomas
PrestaShop 8 & 9 Multiloja 8 idiomas Responsive Sem jQuery
  • Reembolso em 30 dias
  • 12 meses de atualizações
  • Suporte em 24h
www.datafirefly.com/pt/
Lookbook comprável PrestaShop com hotspots clicáveis que abrem as fichas de produto
v1.2.0 · atualizado 2026-09-09
O que faz

A versão curta.

01

Hotspots e combinações

Coloque pontos interativos nas suas fotografias de ambiente e escolha, para cada um, a combinação exata visível na imagem.

02

Comprar o look em 1 clique

Um único botão adiciona ao carrinho todos os produtos do look. O cliente pode escolher o seu tamanho antes de confirmar, e os artigos esgotados são ignorados automaticamente.

03

Carrossel ou exibição expandida

Um carrossel de vários looks com janela ao clicar, ou um único look apresentado expandido na página sem qualquer pop-up. À sua escolha, página inicial e página de produto em separado.

04

Controlo da sua montra

Assinale com um clique os looks em destaque na sua página inicial, ou selecione exatamente aquele a apresentar em modo único.

A versão longa

Tudo o que quer saber antes de instalar.

Uma análise detalhada de como o Lookbook Comprável: Shop the Look e Hotspots Clicáveis funciona, porque o construímos assim e o raciocínio por trás das funcionalidades acima.

§ 01

Venda o ambiente, não apenas o produto

Na moda e na decoração, os clientes não compram um artigo isolado: compram um estilo, uma combinação, um look completo. Este módulo transforma as suas melhores fotografias de ambiente em montras interativas onde cada produto visível se torna clicável e comprável, diretamente a partir da imagem.

§ 02

Um editor de hotspots pensado para não técnicos

No back office, carregue o seu visual, clique no local pretendido para colocar um ponto e depois procure o produto a associar pelo nome ou referência. Se esse produto tiver combinações, indica aquela que está realmente visível na fotografia e poderá alterá-la mais tarde sem mexer no ponto. Os hotspots arrastam-se com o rato para um posicionamento ao píxel.

§ 03

Carrossel ou exibição expandida, consoante o seu layout

O carrossel apresenta vários looks lado a lado e abre uma janela imersiva ao clicar. A exibição expandida integra, pelo contrário, um único look diretamente na página: imagem à esquerda, lista de produtos à direita, sem qualquer pop-up. Cada local configura-se de forma independente, o que permite por exemplo um grande look expandido na página inicial e um carrossel na página de produto.

§ 04

É você que decide o que aparece na montra

Cada look pode ser marcado como em destaque na página inicial, com um clique a partir da lista. Apenas esses looks alimentam o carrossel da página inicial: mantém um catálogo de looks tão amplo quanto quiser controlando com precisão a sua montra. Na exibição expandida, indica o look diretamente.

§ 05

A compra do look com um só clique

O botão «Comprar o look» adiciona de uma só vez ao carrinho todos os produtos associados ao visual: combinação escolhida, quantidade mínima respeitada, artigos esgotados ignorados automaticamente e desduplicação quando o mesmo produto aparece em vários pontos. O carrinho PrestaShop é atualizado de forma nativa e uma notificação confirma a adição.

§ 06

Rápido, limpo e sem dependências

O front-end é escrito em JavaScript vanilla, sem jQuery, e só carrega os seus recursos nas páginas onde são úteis. A interface está traduzida em oito idiomas e o código-fonte é fornecido na íntegra, não cifrado, respeitando as convenções do PrestaShop 8 e 9.