📘 Manual de Orientações — Menu Sliders
Como acessar
No painel administrativo, clique em Personalização no menu lateral esquerdo (identificado com um ícone de pincel). Um submenu se abre com as opções: Módulos, Menus, Cores e Estilos, Sliders e Redes Sociais. Clique em Sliders.
A página que abre é dividida em três blocos principais: Configurações do Slider, Slides e Conteúdo Dinâmico.
Parte 1 — Configurações do Slider
Logo ao entrar na página, você verá o bloco ⚙️ Configurações do Slider. Ele contém três linhas de opções na parte superior:
Layout
Dois botões lado a lado. O botão selecionado fica com fundo laranja.
- Tela Cheia — o slider ocupa toda a largura da tela.
- Dentro do Grid — o slider fica contido na área central do layout.
Tempo por Slide
Menu suspenso com as opções: 3, 5, 7 ou 10 segundos. Define quanto tempo cada slide fica visível antes de mudar automaticamente.
Estilo de Transição
Dois botões lado a lado. O botão selecionado fica com fundo cor em destaque.
- Fade (Dissolver) — o slide anterior some gradualmente.
- Vertical — a troca ocorre com movimento de cima para baixo.
🎨 Aparência Global
Aplicada a todos os slides automática e globalmente. Possui os seguintes campos:
| Campo | O que faz |
|---|---|
| Cor do Título | Caixa de cor + código hex (ex: #ffffff). Clique para abrir o seletor de cor. |
| Tamanho do Título | Dropdown: Pequeno, Médio, Grande, Extra Grande. |
| Cor da Descrição | Caixa de cor + código hex. |
| Tamanho da Descrição | Dropdown: Pequeno, Médio, Grande, Extra Grande. |
| Sombra no Texto | Toggle (liga/desliga). Quando ativo, coloca um contorno nas letras para melhorar a leitura sobre a imagem. |
| Orientação do Conteúdo | Três botões: Esquerda, Centro, Direita. Posiciona o texto no slide. |
| Cor do Overlay | Caixa de cor (padrão preto #000000). Camada semitransparente sobre a imagem. |
| Opacidade do Overlay | Barra deslizante de 0% a 100% (padrão 50%). O overlay só aparece em slides com texto. |
Após ajustar, clique no botão laranja 💾 Salvar Configurações que aparece no final deste bloco.
Parte 2 — Criar um Novo Slide Manual
Abaixo do bloco de configurações, você verá o bloco 🖼️ Slides. No canto superior direito há o botão laranja + Novo Slide. Abaixo dele, uma tabela lista os slides existentes com as colunas: Imagem, Título, Posição, Ordem, Status e Ações.
Na coluna Ações, cada slide possui dois ícones: ✏️ para editar e 🗑️ para excluir permanentemente.
Passo 1 — Clique em “+ Novo Slide”
Uma janela (popup) abre no centro da tela com o título Novo Slide e um botão × no canto superior direito para fechar sem salvar.
Passo 2 — Envie a imagem (obrigatório)
O primeiro campo é Imagem do Slide *. Você verá uma área com borda tracejada, ícone de nuvem e o texto “Arraste ou clique para enviar”. Abaixo: 1920×800px — JPG, PNG, WebP — Máx. 2MB.
Você tem três opções:
- Arrastar o arquivo diretamente da pasta do computador para a área.
- Clicar na área para abrir o seletor de arquivos.
- Clicar em “Escolher da Biblioteca” para usar uma imagem já cadastrada no sistema.
Passo 3 — Preencha o conteúdo (opcional)
Abaixo da área de imagem, há a seção Conteúdo (opcional) com os campos:
- Título de Exibição — texto que aparecerá escrito sobre o banner.
- Link do Slide — endereço para onde o usuário será levado ao clicar no slide (ex.:
https://seusite.com.br/promocaoou/pagina-interna). - Tipo de Link — Mesma aba ou Nova aba.
- Ordem — define a posição do slide na sequência (0 = primeiro, 1 = segundo, etc.).
- Expira em — data e hora para desativação automática. Deixe em branco para não expirar.
- Status — Ativo (visível no site) ou Inativo (oculto, mas não excluído).
Passo 4 — Salve o slide
No rodapé da janela há dois botões: Cancelar (cinza) para fechar sem salvar, e 💾 Salvar (laranja) para confirmar. O slide aparecerá na tabela da seção Slides.
Parte 3 — Configurar Slides Dinâmicos
Abaixo da seção de Slides, você encontra o bloco ✏️ Conteúdo Dinâmico. Uma nota explicativa informa:
Quando ativado, o slider exibe automaticamente conteúdos publicados das seções escolhidas abaixo — sem precisar criar slides manualmente para cada item.
Passo 1 — Ative as Fontes de Conteúdo
Você verá cinco cartões, um para cada tipo de conteúdo: Notícias, Podcast, Eventos, Promoções e Equipe. Cada cartão possui:
- Toggle no canto superior direito — cinza = desativado, laranja = ativado (o cartão ganha borda laranja).
- Quantidade — campo numérico que define quantos itens daquela seção serão exibidos.
- Critério de seleção — botões de filtro (o selecionado fica laranja):
- Notícias: Mais recente · Destaque · Mais visto
- Podcast: Mais recente · Destaque
- Eventos: Próximos · Esta semana · Este mês
- Promoções: Expira em breve · Mais recente · Destaque
- Equipe: Destaque · Novos · Todos
- Exibir no Slide — checkboxes para escolher o que aparece sobre a imagem: Título, Descrição e/ou Botão CTA.
Passo 2 — Escolha a Posição dos Slides Dinâmicos
Três opções em forma de cartão. O selecionado fica com borda laranja:
- Após os Manuais — Manual 1, 2… → Dinâmico 1, 2…
- Antes dos Manuais — Dinâmico 1, 2… → Manual 1, 2…
- Intercalado — Manual 1, Dinâmico 1, Manual 2, Dinâmico 2…
Passo 3 — Confira o Preview da Sequência
Abaixo das opções de posição, há o 👁️ Preview da Sequência: uma linha de pílulas coloridas mostrando a ordem exata em que os slides aparecerão. Slides manuais aparecem em pílulas com borda laranja; slides dinâmicos aparecem em pílulas verdes com o ícone e nome da fonte (ex.: 🏷️ Promoções #1). Use esse preview para confirmar o resultado antes de salvar.
Passo 4 — Salve
Clique no botão laranja 💾 Salvar Conteúdo Dinâmico para aplicar todas as configurações.
💡 Dicas Rápidas
- A Aparência Global se aplica a todos os slides (manuais e dinâmicos) de uma só vez.
- Um slide com Status Inativo não aparece no site, mas fica salvo para usar depois.
- O campo Expira em é ideal para campanhas com data de encerramento — o slide some automaticamente na data configurada.
- Com slides dinâmicos ativos, novos conteúdos publicados no site aparecem no slider automaticamente, sem precisar criar nada manualmente.
- Use a Biblioteca de Mídia para reaproveitar imagens já cadastradas ao criar slides manuais.
