Lookbook com pontos interativos

Referência Todos os planos 2 min de leitura

Uma fotografia, como um conjunto de roupa ou uma divisão decorada, com pontos (hotspots) sobre os produtos que nela aparecem. Cada ponto abre um cartão de produto com imagem, nome e preço, para que os clientes comprem o visual completo.

Adicionar o bloco

1. Escolha o esquema

   No painel do mega menu da pré-visualização, clique em Add block (adicionar bloco). Clique em Add product, passe o rato sobre Lookbook hotspots (lookbook com pontos interativos) e clique em Select.

   

   (1) Clique em Add product, (2) escolha Lookbook hotspots.

2. Adicione a fotografia

   Em Edit Item (editar item), em General, introduza o Heading (título) e clique em Select image em Image. A secção Hotspots (pontos interativos) aparece quando o bloco tem uma imagem.

   

   O bloco Lookbook hotspots na pré-visualização, com as definições em Edit Item.

3. Coloque os pontos

   Em Hotspots, clique na imagem onde aparece um produto para adicionar um ponto numerado. Em cada Hotspot, clique em Select products e escolha o produto nesse local.

4. Guarde e publique

   Clique em Save e, depois, em Publish.

Definições

General

HeadingPredefinição: Shop the look

Texto por cima da fotografia.

ImagePredefinição: Nenhuma

A fotografia do lookbook.

WidthPredefinição: 66.66%

A parte da linha do mega menu que o bloco ocupa: Auto ou de 8,33% a 100%.

Hotspots

X / YPredefinição: Onde clicou

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

Select productsPredefinição: Nenhum

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

Remove

Elimina o ponto.

Até 6 pontos por imagem. Se remover a imagem, a secção Hotspots fica oculta até adicionar outra. A Visibility funciona como em todos os blocos; consulte Definições comuns a todos os blocos.

Sugestões

• Use uma fotografia com espaço à volta dos produtos, para que os pontos e os cartões de produto não se sobreponham.
• Coloque cada ponto sobre o próprio produto, não na margem da fotografia.
• Os cartões de produto seguem as definições de produto do menu: Settings > Advanced > Show add to cart button também lhes adiciona um botão Add to cart.

Páginas relacionadas

• Lista de produtosMostre produtos no menu como um único cartão, grelha, lista ou carrossel.
• ImagemMostre uma faixa ou imagem promocional com título, descrição e ligação.
• Visão geral dos blocosAdicione blocos como ligações, imagens, produtos e contagens decrescentes a um mega menu ou a um separador.

Esta página foi útil?

Comunicar um problema