Pular para o conteúdo

Carrossel (Slideshow)

Exibe um carrossel de slides em largura total ou dentro da largura da página. Cada slide pode ter imagem de fundo, título, descrição e botão de ação.

  • Home (posição típica: topo)
  • Landing pages compostas no editor

| Setting | Descrição | |---|---| | Largura | Página ou tela inteira | | Altura | Em px (largura página) ou % da viewport (largura total) | | Altura automática | Segue a proporção da imagem e desativa a altura configurada | | Autoplay | Rotação automática entre slides | | Velocidade | Intervalo entre slides | | Animação do conteúdo | Nenhuma, fade, slide up/down |

O carrossel inicial usa largura total, altura de 75% da tela e Altura automática desativada. Essa configuração reduz o crescimento do banner em monitores largos e reserva espaço para o início da próxima seção. O controle de altura continua disponível no editor.

A imagem preenche a área com recorte proporcional; mantenha o conteúdo principal afastado das bordas. Textos muito longos podem ampliar a altura necessária, sobretudo em telas pequenas.

Cada slide aceita blocos internos:

  • Título — tamanho h1–h6 ou customizado
  • Texto — parágrafo ou rich text
  • Botão — label e link
  • Limite a 3–5 slides fortes; muitos slides diluem a mensagem.
  • No mobile, prefira altura automática ou altura moderada para não empurrar o conteúdo abaixo da dobra.
  • Textos curtos e contraste alto sobre a imagem melhoram a leitura.