Descrição: Esta ferramenta permite criar, personalizar e gerenciar carrosséis dinâmicos (slider) compostos por vários elementos visuais, ideais para a apresentação de conteúdos em destaque no site.
Para que serve? (Exemplos práticos)
Use o módulo Carrosséis para:
- Criar uma área de boas-vindas na homepage que rode automaticamente entre várias promoções ou mensagens-chave.
- Apresentar uma galeria de imagens ou vídeos com efeitos de fundo únicos e textos sobrepostos.
- Organizar conteúdos complexos numa sequência visual controlada, como uma apresentação guiada ou um portfólio.
Funcionalidades principais
O módulo oferece um controle granular tanto nas configurações gerais do carrossel quanto na personalização de cada slide individual.
- Gestão centralizada: Visualização rápida de todos os carrosséis criados, com indicação imediata se estão ativos ou ocultos no site.
- Estrutura em slides: O carrossel é composto por abas separadas, cada uma representando um único slide.
- Editor visual avançado: Cada slide inclui uma área para inserção de texto, imagens e outros elementos gráficos complexos, geridos através de um editor visual dedicado.
- Fundos multimídia: Suporte para uso de imagens de fundo (com opções separadas para desktop e mobile) ou vídeo (de plataformas externas como YouTube/Vimeo ou arquivos MP4).
- Efeitos de sobreposição (Overlay): Possibilidade de aplicar cores, gradientes e níveis de opacidade sobre o fundo para melhorar a legibilidade do conteúdo.
Como configurar
A configuração divide-se em duas áreas: as configurações gerais do carrossel e as configurações específicas de cada slide.
1. Configurações gerais do carrossel
Estas opções definem o comportamento e a aparência geral do carrossel.
| Opção | Descrição |
|---|---|
| Título do slider | Nome interno para identificar o carrossel na área de gestão. |
| Visível no site | Estado de ativação/desativação do carrossel. |
| Altura do slider | Define a altura total do carrossel, especificando um valor numérico e a unidade de medida (pixel, vh, vw). |
| Autoplay | Tempo em segundos após o qual o slide passa automaticamente para o seguinte. |
| Loop | Se ativado, o carrossel reinicia desde o início ao atingir o último slide. |
| Setas | Exibe os botões de navegação para rolagem manual dos slides. |
| Ordem aleatória | Os slides são mostrados numa ordem diferente a cada carregamento da página. |
2. Configurações de cada slide individual
Cada slide (gerido através de uma aba) pode ser personalizado individualmente.
Conteúdo e Título
- Título do Slide: Nome interno do slide (útil para organização).
- Conteúdo: Área principal onde inserir texto e elementos visuais do slide utilizando o editor.
Fundo (Imagens)
Esta seção gere a aparência visual do fundo através de imagens.
| Opção | Descrição |
|---|---|
| Imagem Desktop/Mobile | Permite carregar imagens específicas para visualização em telas grandes e pequenas. |
| Tamanho | Define como a imagem se adapta à área (ex.: cover para cobrir totalmente o espaço). |
| Repetir | Determina se a imagem deve ser repetida horizontalmente, verticalmente ou não repetida. |
| Posição | Alinhamento da imagem de fundo (ex.: centro, topo à esquerda, etc.). |
| Fixação | Define se a imagem rola com a página ou permanece fixa (fixed). |
Fundo (Vídeo)
Permite usar um vídeo como fundo.
| Opção | Descrição |
|---|---|
| Vídeo Fundo | Insira a URL do vídeo (suporta links diretos para arquivos MP4 ou links das plataformas Vimeo/Youtube). |
| Ao terminar o vídeo | Define o que acontece quando o vídeo termina (continua repetindo, esconde, pausa no último frame). |
| Exibir em | Permite ocultar o vídeo em dispositivos específicos (Desktop, Tablet, Mobile). |
Overlay
Estas opções aplicam um filtro colorido ou degradê sobre o fundo.
| Opção | Descrição |
|---|---|
| Gradiente | Aplica um degradê colorido sobre o fundo. |
| Cor | Aplica uma cor uniforme sobre o fundo. |
| Opacidade | Define a transparência do gradiente/cor aplicado (de 0 a 100%). |
Integrações automáticas
Uma vez salvos, os carrosséis ficam imediatamente disponíveis para serem inseridos em qualquer página do seu site. O sistema gere automaticamente:
- Visualização multilíngue: Se seu sistema suporta múltiplos idiomas, o conteúdo textual dos slides é gerido e salvo para cada idioma configurado.
- Adaptabilidade: As configurações de fundo (imagens desktop/mobile) e visibilidade dos vídeos garantem que o carrossel se adapte corretamente a todos os tipos de dispositivos.
