Pular para o conteúdo
GloboGlobo Docs
Instalar aplicação
Português (Portugal)

Carrossel de imagens

Mostre várias imagens num carrossel, cada uma com a sua legenda e ligação.

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

Vários diapositivos num carrossel com setas, cada um com a sua imagem, título, descrição e ligação. Use-o para destacar várias coleções, marcas ou campanhas no espaço de um só bloco.

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 custom image (adicionar imagem personalizada), passe o rato sobre Image slider e clique em Select (selecionar).

    (1) Clique em Add custom image, (3) escolha Image slider. Os esquemas em (2) adicionam uma única imagem.

  2. Configure o carrossel

    Em Edit Item (editar item), defina o Title (o título por cima do carrossel), o respetivo Link, a Width (largura), Item(s) per row (itens por linha) e Image ratio (proporção da imagem).

  3. Preencha os diapositivos

    O carrossel começa com 3 diapositivos. Para cada um, clique em Select image (selecionar imagem) e preencha o Title, o Link e a Description (descrição). Clique em Add slide (adicionar diapositivo) para adicionar um ou em Remove (remover) para eliminar um.

  4. Guarde e publique

    Clique em Save e, depois, em Publish.

Definições

Carrossel

TitlePredefinição: Image slider
Título mostrado por cima do carrossel. Deixe-o vazio para ocultar o título.
LinkPredefinição: Nenhuma
Torna o título clicável.
WidthPredefinição: 75%
A parte da linha do mega menu que o bloco ocupa: Auto ou de 8.33% a 100%.
Item(s) per rowPredefinição: 3
Quantos diapositivos ficam visíveis ao mesmo tempo: 1, 2, 3, 4 ou 6.
Image ratioPredefinição: Auto
Recorta todas as imagens dos diapositivos com a mesma forma: Auto (forma original), 1:1, 4:3, 3:4, 16:9 ou 9:16.
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.

Cada diapositivo

ImagePredefinição: Nenhuma
A imagem do diapositivo.
Title / DescriptionPredefinição: Nenhum
A legenda do diapositivo.
LinkPredefinição: Nenhuma
Para onde o diapositivo leva quando é clicado.

Sugestões

  • Imagens com formas diferentes deixam os diapositivos desiguais. Escolha uma Image ratio como 1:1 ou 4:3 para os alinhar.
  • Clique num diapositivo na pré-visualização para ir diretamente para as suas definições.
  • A reprodução automática e a repetição contínua aplicam-se a todos os carrosséis do menu. Ative-as em Settings > Carousel > Auto play e Infinity loop.

Esta página foi útil?

Comunicar um problema