Imagem

Referência Todos os planos 2 min de leitura

Uma imagem com título, descrição e ligação opcionais. Use-a para uma faixa sazonal ou uma imagem que leva a uma coleção; também pode trocar para uma segunda imagem ao passar o rato.

Adicionar o bloco

1. Escolha um esquema

   No painel do mega menu da pré-visualização, clique em Add block (adicionar bloco). Clique em Add custom image (adicionar imagem personalizada), passe o rato sobre Image 1 ou Image 2 e clique em Select (selecionar).

   

   (1) Clique em Add custom image, (2) escolha Image 1 ou Image 2. (3) é o esquema Image slider.

   Image 1 mostra o título por baixo da imagem. Image 2 mostra-o numa barra escura sobre a imagem.

   O mesmo separador também tem Promo banner, Promo banner split e Brand logos. Consulte Faixa promocional e Logótipos de marcas.

2. Escolha a imagem e os textos

   Em Edit Item (editar item), clique em Select image (selecionar imagem) para carregar ou escolher uma imagem. Preencha o Title (título), o Link e a Description (descrição).

   

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

3. Guarde e publique

   Clique em Save e, depois, em Publish.

Definições

TitlePredefinição: Image 1 / Image 2

Texto mostrado com a imagem. Deixe-o vazio para mostrar apenas a imagem.

LinkPredefinição: Nenhuma

Para onde a imagem leva quando é clicada: uma página, produto, coleção ou URL. Selecione Open in new tab (abrir num novo separador) se necessário.

DescriptionPredefinição: Sample description

Uma segunda linha de texto, mais pequena, por baixo do título.

Swap image on hoverPredefinição: Desativado

Acrescenta uma Hover image (imagem ao passar o rato) que os clientes veem quando passam o rato sobre o bloco.

Image / Hover imagePredefinição: Nenhuma

A imagem principal e, com a troca ativada, a imagem mostrada ao passar o rato.

Image widthPredefinição: Auto

Aparece depois de escolher uma imagem: Auto ou Custom (um número em %, px, em ou rem).

WidthPredefinição: 25%

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

No paddingPredefinição: Desativado

Remove o espaçamento interno do bloco para que a imagem preencha o bloco de uma margem à outra.

VisibilityPredefinição: Desativado

Hide on desktop, Hide on mobile, Hide when logged in, Only show when logged in, Schedule publishing. Consulte Definições comuns a todos os blocos.

Sugestões

• Use o mesmo tamanho (por exemplo, 800 × 800 px) para a imagem principal e a imagem ao passar o rato, para que o bloco não salte quando a imagem muda.
• Uma imagem grande num bloco estreito torna o menu pesado nos telemóveis. Se for apenas decorativa, ative Visibility > Hide on mobile.

Páginas relacionadas

• Carrossel de imagensMostre várias imagens num carrossel, cada uma com a sua legenda e ligação.
• Faixa promocionalAdicione uma faixa com título, texto e botão para promover uma promoção ou uma nova coleção.
• Logótipos de marcasMostre uma grelha de logótipos de marcas com ligação para a coleção de cada marca.
• 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