Carrossel de imagens

Referência Growth Navigation · Pro Navigation 2 min de leitura

Vários slides em um carrossel com setas, cada um com sua imagem, título, descrição e link. Use para destacar várias coleções, marcas ou campanhas no espaço de um bloco.

Adicione o bloco

1. Escolha o layout

   No painel do mega menu da pré-visualização, clique em Adicionar bloco. Clique em Adicionar imagem personalizada, passe o mouse sobre Carrossel de imagens e clique em Selecionar.

   

   (1) Clique em Adicionar imagem personalizada, (3) escolha Carrossel de imagens. Os layouts em (2) adicionam uma única imagem.

2. Configure o carrossel

   Em Editar item, defina o Título (o título acima do carrossel), o Link dele, a Largura, os Itens por linha e a Proporção da imagem.

3. Preencha os slides

   O carrossel começa com 3 slides. Em cada um, clique em Selecionar imagem e preencha o Título, o Link e a Descrição. Clique em Add slide para adicionar um slide ou em Remover para excluir um.

4. Salve e publique

   Clique em Salvar e depois em Publicar.

Configurações

Carrossel

TítuloPadrão: Carrossel de imagens

Título exibido acima do carrossel. Deixe vazio para ocultar o título.

LinkPadrão: Nenhum

Torna o título clicável.

LarguraPadrão: 75%

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

Itens por linhaPadrão: 3

Quantos slides ficam visíveis ao mesmo tempo: 1, 2, 3, 4 ou 6.

Proporção da imagemPadrão: Automático

Corta todas as imagens dos slides no mesmo formato: Automático (formato original), 1:1, 4:3, 3:4, 16:9 ou 9:16.

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.

Cada slide

ImagemPadrão: Nenhuma

A imagem do slide.

Título / DescriçãoPadrão: Nenhum

A legenda do slide.

LinkPadrão: Nenhum

Para onde o slide leva ao ser clicado.

Dicas

• Imagens de formatos diferentes deixam os slides desalinhados. Escolha uma Proporção da imagem como 1:1 ou 4:3 para alinhá-las.
• Clique em um slide na pré-visualização para ir direto às configurações dele.
• A reprodução automática e o loop valem para todos os carrosséis do menu. Ative em Configurações > Carrossel > Reprodução automática e Loop infinito.

Páginas relacionadas

• 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.
• Configurações do menuAltere o layout, os elementos, a animação, o espaçamento e outras configurações que valem para o menu inteiro.

Esta página foi útil?

Relatar um problema