Lookbook Comprável: Shop the Look
Instalar e usar o lookbook comprável: criar um look, colocar os hotspots, configurar os carrosséis e a compra do look num clique.
O módulo Lookbook Comprável: Shop the Look transforma as suas fotografias de ambiente em montras interativas: coloca pontos clicáveis (hotspots) nos produtos visíveis numa imagem, e os seus visitantes podem descobrir cada artigo e adicionar a totalidade do look ao carrinho com um único clique. Esta documentação cobre a instalação, a criação de um look, a configuração da apresentação e o comportamento do lado da loja.
Compatibilidade
- PrestaShop 8.0 a 8.2
- PrestaShop 9.0
- Monoloja e multiloja
- Multilingue (FR / EN / ES / DE / IT; as designações de interface traduzem-se para português em Internacional > Traduções)
- Temas baseados no tema Classic
Instalação
- Vá a Módulos > Gestor de módulos do seu back-office.
- Clique em Instalar um módulo e selecione o ficheiro
dfshopthelook.zip. - Terminada a instalação, aparece um novo separador Shop The Look sob o menu Catálogo.
Na instalação, o módulo regista automaticamente os seus hooks de apresentação (página inicial e ficha de produto) e cria as tabelas necessárias ao armazenamento dos looks e dos seus hotspots.
Criar um primeiro look
Abra Catálogo > Shop The Look e clique em Adicionar um novo look.
1. Preencher o título e a imagem
Introduza um título (traduzível por idioma) e, se quiser, uma breve descrição. Carregue depois a imagem do look: privilegie um visual com pelo menos 1200 px de largura, em formato JPG, PNG ou WEBP. Logo à seleção do ficheiro, aparece imediatamente uma pré-visualização no editor, ainda antes da gravação.
2. Colocar os hotspots
Clique diretamente na imagem no sítio onde está um produto: abre-se uma janela de pesquisa. Escreva o nome ou a referência do produto e selecione-o na lista (as miniaturas facilitam a identificação). O ponto é então colocado e numerado.
Pode reposicionar um ponto a qualquer momento arrastando-o com o rato. As coordenadas são registadas em percentagem, o que garante uma colocação fiel qualquer que seja o tamanho de apresentação da imagem do lado da loja.
3. Gerir a lista dos pontos
Sob a imagem, cada hotspot aparece numa lista com o seu número, o produto associado e as suas coordenadas. Use o ícone do caixote do lixo para retirar um ponto. Pode colocar tantos hotspots quantos forem necessários, e até associar vários pontos ao mesmo produto.
4. Guardar
Defina a posição (ordem de apresentação do look) e o estado Ativado, e clique em Guardar. O look está pronto.
Configurar a apresentação
A partir da página de configuração do módulo (Gestor de módulos > Configurar), controla independentemente os dois locais:
- Carrossel na página inicial: ativação e número máximo de looks apresentados.
- Looks na ficha de produto: ativação e número máximo de looks apresentados. Só são mostrados os looks que contêm o produto consultado, no bloco « Complete o look ».
Do lado da loja
O carrossel
Na página inicial, um carrossel horizontal apresenta os seus looks sob a forma de cartões. Cada cartão mostra a imagem, um badge que indica o número de produtos, e dois botões ao passar o rato: Ver o look e Comprar o look.
A janela modal « Ver o look »
Um clique em Ver o look (ou no cartão) abre uma janela imersiva: a imagem ampliada com os seus pontos pulsantes de um lado, a lista dos produtos do outro. Passar o rato numa linha de produto destaca o ponto correspondente na imagem, e vice-versa. Cada produto mostra o seu preço formatado segundo a moeda e o idioma ativos; os artigos indisponíveis são assinalados.
« Comprar o look » num clique
O botão Comprar o look adiciona ao carrinho, numa única ação, todos os produtos associados ao visual. O módulo:
- adiciona a declinação por defeito de cada produto;
- respeita a quantidade mínima definida no produto;
- ignora automaticamente os artigos esgotados sem reposição autorizada;
- deduplica os produtos colocados em vários pontos.
O carrinho PrestaShop é depois atualizado nativamente e uma notificação confirma a adição. Se alguns produtos não puderam ser adicionados (rutura de stock), uma mensagem indica-o.
Multilingue
O título e a descrição de cada look são traduzíveis idioma a idioma diretamente a partir da ficha do look. As designações de interface do lado da loja (botões, notificações) seguem o idioma ativo da loja.
Resolução de problemas
O carrossel não aparece na página inicial. Verifique que pelo menos um look está ativado, que a opção de apresentação na página inicial está marcada, e que o seu tema aciona o hook de apresentação da página inicial.
O bloco não aparece na ficha de produto. O bloco só aparece se pelo menos um look ativo contiver o produto consultado e a opção correspondente estiver ativada.
Um produto não é adicionado por « Comprar o look ». É o comportamento esperado quando está esgotado sem reposição autorizada, desativado ou não disponível para venda.
Desinstalação
A desinstalação a partir do gestor de módulos elimina as tabelas do módulo, os looks, os seus hotspots e as imagens de looks carregadas. Lembre-se de exportar ou guardar os seus visuais previamente se quiser conservá-los.