Imagem

Referência Todos os planos 2 min de leitura

Uma imagem com título, descrição e link opcionais. Use para um banner sazonal ou uma imagem que leva a uma coleção; ela também pode trocar por uma segunda imagem ao passar o mouse.

Adicione o bloco

1. Escolha um layout

   No painel do mega menu da pré-visualização, clique em Adicionar bloco. Clique em Adicionar imagem personalizada, passe o mouse sobre Imagem 1 ou Imagem 2 e clique em Selecionar.

   

   (1) Clique em Adicionar imagem personalizada, (2) escolha Imagem 1 ou Imagem 2. (3) é o layout Carrossel de imagens.

   A Imagem 1 mostra o título abaixo da imagem. A Imagem 2 o mostra em uma barra escura sobre a imagem.

   A mesma aba também tem Promo banner (banner promocional), Promo banner split (banner promocional dividido) e Brand logos (logos de marcas). Veja Banner promocional e Logos de marcas.

2. Escolha a imagem e os textos

   Em Editar item, clique em Selecionar imagem para enviar ou escolher uma imagem. Preencha o Título, o Link e a Descrição.

   

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

3. Salve e publique

   Clique em Salvar e depois em Publicar.

Configurações

TítuloPadrão: Imagem 1 / Imagem 2

Texto exibido com a imagem. Deixe vazio para mostrar só a imagem.

LinkPadrão: Nenhum

Para onde a imagem leva ao ser clicada: uma página, produto, coleção ou URL. Marque Abrir em nova aba se precisar.

DescriçãoPadrão: Descrição de exemplo

Uma segunda linha de texto, menor, abaixo do título.

Trocar imagem ao passar o mousePadrão: Desativado

Adiciona uma Imagem ao passar o mouse que os compradores veem ao mover o mouse sobre o bloco.

Imagem / Imagem ao passar o mousePadrão: Nenhuma

A imagem principal e, com a troca ativada, a imagem exibida ao passar o mouse.

Image widthPadrão: Automático

Aparece depois que você escolhe uma imagem: Automático ou Personalizado (um número em %, px, em ou rem).

LarguraPadrão: 25%

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

Sem espaçamento internoPadrão: Desativado

Remove o espaçamento interno do bloco para a imagem preencher o bloco de ponta a ponta.

VisibilidadePadrão: Desativado

Ocultar no desktop, Ocultar no celular, Ocultar quando estiver logado, Mostrar somente quando estiver logado, Agendar publicação. Veja Configurações que todo bloco tem.

Dicas

• Use o mesmo tamanho (por exemplo, 800 × 800 px) na imagem principal e na imagem ao passar o mouse para o bloco não pular quando a imagem trocar.
• Uma imagem grande em um bloco estreito deixa o menu pesado no celular. Se ela for só decoração, ative Visibilidade > Ocultar no celular.

Páginas relacionadas

• Carrossel de imagensMostre várias imagens em um carrossel, cada uma com sua legenda e link.
• Banner promocionalAdicione um banner com título, texto e botão para divulgar uma promoção ou uma nova coleção.
• Logos de marcasMostre uma grade de logos de marcas que levam à coleção de cada marca.
• 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