Criar um novo carrossel

Este guia explica como configurar um novo carrossel de imagens ou vídeos, definindo as opções gerais e configurando cada slide individualmente.

---

1. Configurações Gerais do Carrossel

Para começar, defina o título e as opções de funcionamento do carrossel.

1. Acesse a seção de criação ou edição do carrossel.

2. No campo Título slider, insira um nome identificativo para o carrossel.

3. Selecione a caixa Visível no site se desejar que o carrossel esteja imediatamente ativo.

Configuração das Opções

Na seção Opções, defina as dimensões e o comportamento do carrossel:

1. Altura slider:

• No campo numérico, insira a altura desejada.
• No menu suspenso ao lado, selecione a unidade de medida (por exemplo, px para pixels, vh para altura da janela).

2. Autoplay: Insira o número de segundos após os quais o slide deve mudar automaticamente. Deixe em branco para desativar o autoplay.

3. Loop: Selecione Sim para reiniciar o carrossel desde o primeiro slide quando terminar.

4. Setas: Selecione Sim para mostrar os botões de navegação (setas) para passar de um slide para outro.

5. Selecione a caixa Ordem aleatória para mostrar os slides em uma ordem não sequencial.

2. Adicionar e Configurar os Slides

Na seção Slides, adicione e personalize o conteúdo de cada slide individual.

1. Clique no botão para adicionar um novo slide (geralmente identificado como Adicionar ou Novo Slide). Uma nova aba de configuração será aberta.

2. No campo Título Slide, insira um título interno para identificar o slide (útil para organização).

Conteúdo do Slide

1. No campo Conteúdo, insira o texto ou os elementos que serão exibidos sobre o fundo do slide.

• Nota: Este campo suporta editor visual para formatação avançada.

Fundo (Imagem ou Vídeo)

Na seção Fundo, você pode definir as propriedades de uma imagem de fundo.

1. Imagens de Fundo:

• Clique no uploader sob a etiqueta Imagem Desktop para carregar a imagem principal.
• Clique no uploader sob a etiqueta Imagem Mobile para carregar uma imagem otimizada para dispositivos móveis.

2. Configurações da Imagem:

• Tamanho: Selecione como a imagem deve se ajustar (ex.: cover para cobrir toda a área, contain para exibi-la inteira).
• Repetir: Defina se a imagem deve se repetir (ex.: no-repeat, repeat-x).
• Posição: Defina o alinhamento da imagem (ex.: center center, left top).
• Anexo: Defina se a imagem é fixa ou rola com a página (ex.: scroll, fixed).

Vídeo de Fundo

Se desejar usar um vídeo como fundo, utilize a seção Vídeo.

1. No campo Vídeo Fundo, cole o link do vídeo (suporta Vimeo ou Youtube).

2. Ao terminar o vídeo: Selecione a ação a ser executada quando o vídeo acabar (ex.: Continuar repetindo, Ocultar, Parar no último frame).

3. Exibir em: Selecione em quais dispositivos o vídeo deve ser visível (você pode selecionar várias opções segurando Ctrl ou Cmd).

Overlay

A seção Overlay permite adicionar uma camada de cor ou gradiente sobre o fundo para melhorar a legibilidade do conteúdo.

1. Gradiente: Selecione ou insira um gradiente para aplicar.

2. Cor: Selecione uma cor uniforme de fundo.

3. Opacidade: Insira um valor numérico (de 0 a 100) para definir a transparência do overlay.

3. Salvar o Carrossel

Depois de configurar todos os slides e opções:

1. Clique no botão de salvar (geralmente localizado na parte superior ou inferior da página, não especificado no código-fonte).