Modificar um carrossel existente

Este guia explica como acessar e modificar as configurações e o conteúdo dos slides de um carrossel (slider) já criado.


Procedimento

1. Acessar o Carrossel

1. Acesse a seção de gestão dos carrosseis (ou sliders) da plataforma.

2. Na tabela principal, localize o carrossel que deseja modificar.

3. Clique na linha correspondente ao carrossel para abrir a tela de edição.

2. Modificar as Configurações Gerais

Uma vez aberta a tela de edição, você estará na seção principal Conteúdo.

1. Modifique o Título do slider no campo de texto no topo.

2. Para controlar a visibilidade do carrossel no site, marque ou desmarque a caixa Visível no site.

3. Modificar as Opções do Carrossel

Na seção Opções você pode definir o comportamento geral do carrossel.

1. Altura do slider:

  • Insira um valor numérico no campo.
  • Selecione a unidade de medida no menu suspenso ao lado (por exemplo px para pixels, vh para altura da viewport, vw para largura da viewport).

2. Opções do Carrossel:

  • Autoplay: Insira o número de segundos após os quais o slide deve mudar automaticamente.
  • Loop: Selecione Sim ou Não para decidir se o carrossel deve reiniciar após o último slide.
  • Setas: Selecione Sim ou Não para exibir os botões de navegação (setas).
  • Ordem aleatória: Marque a caixa para exibir os slides em ordem aleatória.

4. Modificar os Slides Individuais

Na seção Slides você encontrará todos os slides existentes organizados em abas (tabs).

1. Clique na aba (tab) do slide que deseja modificar.

2. Modifique o Título do Slide (útil para organização interna).

3. Modifique o Conteúdo do slide utilizando o editor visual fornecido.

5. Modificar o Fundo do Slide

Dentro da aba do slide individual, role até a seção Fundo.

1. Imagens de Fundo:

  • Para a Imagem Desktop, carregue ou selecione uma imagem.
  • Para a Imagem Mobile, carregue ou selecione uma imagem específica para dispositivos móveis.

2. Propriedades CSS do Fundo: Use os menus suspensos para definir:

  • Tamanho (ex.: cover, contain).
  • Repetir (ex.: no-repeat, repeat).
  • Posição (ex.: center center, left top).
  • Anexo (ex.: scroll, fixed).

6. Adicionar ou Modificar um Vídeo de Fundo

Na subseção Vídeo:

1. Insira a URL do Vídeo de Fundo (Vimeo/Youtube) no campo apropriado.

2. Ao término do vídeo: Escolha a ação desejada (por exemplo, Continuar repetindo, Ocultar, Parar no último frame).

3. Exibir em: Selecione em quais dispositivos o vídeo deve ser visível (Desktop, Tablet, Mobile).

7. Modificar o Overlay

Na subseção Overlay você pode aplicar um filtro sobre a imagem ou vídeo de fundo.

1. Gradiente: Selecione ou insira um gradiente de cor.

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.

8. Salvar as Alterações

Após concluir todas as modificações:

1. Clique no botão Salvar (ou equivalente botão de salvamento do formulário) para efetivar as alterações.