Hotspots de lookbook

Referência Todos os planos 2 min de leitura

Uma foto, como um look montado ou um ambiente decorado, com pontos (hotspots) sobre os produtos nela. Cada ponto abre um card de produto com imagem, nome e preço, para os compradores levarem o look completo.

Adicione o bloco

1. Escolha o layout

   No painel do mega menu da pré-visualização, clique em Adicionar bloco. Clique em Adicionar produto, passe o mouse sobre Lookbook hotspots (hotspots de lookbook) e clique em Selecionar.

   

   (1) Clique em Adicionar produto, (2) escolha Lookbook hotspots.

2. Adicione a foto

   Em Editar item, em Geral, digite o Título e clique em Selecionar imagem em Imagem. A seção Hotspots aparece depois que o bloco tem uma imagem.

   

   O bloco Hotspots de lookbook na prévia, com as configurações em Editar item.

3. Posicione os hotspots

   Em Hotspots, clique na imagem onde um produto aparece para adicionar um ponto numerado. Em cada Hotspot, clique em Selecionar produtos e escolha o produto naquele ponto.

4. Salve e publique

   Clique em Salvar e depois em Publicar.

Configurações

Geral

TítuloPadrão: Compre o look

Texto acima da foto.

ImagemPadrão: Nenhuma

A foto do lookbook.

LarguraPadrão: 66,66%

Quanto da linha do mega menu o bloco ocupa: Automático ou de 8,33% a 100%.

Hotspots

X / YPadrão: Onde você clicou

A posição do ponto na imagem, em % a partir da esquerda e do topo. Altere para ajustar o ponto com precisão.

Selecionar produtosPadrão: Nenhum

O produto que o ponto abre. Um hotspot sem produto não aparece na imagem.

Remover

Exclui o hotspot.

Até 6 hotspots por imagem. Se você remover a imagem, a seção Hotspots fica oculta até você adicionar outra. A Visibilidade funciona como em todo bloco; veja Configurações que todo bloco tem.

Dicas

• Use uma foto com espaço ao redor dos produtos, para os pontos e os cards de produto não se cobrirem.
• Coloque cada ponto sobre o próprio produto, não na borda da foto.
• Os cards de produto seguem as configurações de produto do seu menu: Configurações > Avançado > Exibir botão Adicionar ao carrinho também adiciona um botão Adicionar ao carrinho a eles.

Páginas relacionadas

• Lista de produtosMostre produtos no menu como um único card, grade, lista ou carrossel.
• ImagemMostre um banner ou uma imagem promocional com título, descrição e link.
• Visão geral dos blocosAdicione blocos como links, imagens, produtos e contagens regressivas a um mega menu ou a uma aba.

Esta página foi útil?

Relatar um problema