Pular para o conteúdo principal

Criação do bloco Slider

O bloco do tipo Slider é um editor completo de slider para a página inicial ou qualquer outra tela. Suporta uma estrutura hierárquica de slides com aninhamento, arrastar e soltar, e configurações de tempo de exibição separadas para cada slide.

ℹ️Legacy SliderEditMainPage

A antiga tela SliderEditMainPage.js foi removida — não está mais acessível. Todas as configurações do slider agora estão apenas no novo editor.

1. Criação do bloco

No campo Nome, insira um título, no campo "Tipo" selecione "Slider" e indique

Marker
.

2. Configurações do Slider — configurações globais

Na tela Configurações do Slider, estão disponíveis os parâmetros gerais do slider:

  • time — tempo de exibição de cada slide.
  • timeInterval — unidade de medida: segundos ou milissegundos.

Essas configurações se aplicam a todos os slides que não têm um tempo de exibição individual definido.

3. Lista de slides

A lista de slides é exibida como uma tabela hierárquica (por meio do componente comum JsonToHtmlTable). Suporta arrastar e soltar:

  • É possível arrastar um slide entre pais (aninhando um slide dentro do outro).
  • É possível alterar a ordem dos slides dentro de um mesmo nível.

Cada slide é representado por um cartão SlideCard, onde é possível ver:

  • Pré-visualização da imagem e do texto.
  • Interruptor de visibilidade (mostrar/não mostrar).
  • Ícone de tempo de exibição (com acesso à modal de configuração).
  • Botão de exclusão.

4. Tempo de exibição de um slide individual

Para cada slide, é possível definir um tempo de exibição independente, diferente das configurações globais. Clique no ícone de tempo no cartão do slide — a modal SlideTimeSettingsModal será aberta:

  • Unidades de medida: segundos / minutos / horas.
  • Validação paritária dos campos (não é possível definir valores contraditórios ao mesmo tempo).

Se um slide não tiver um tempo individual definido, será utilizado o global das Configurações do Slider.

5. Edição do slide (SlideEditPage)

Clicar no slide abre a página SlideEditPage — uma página separada de edição com:

  • Breadcrumbs — navegação pelos níveis de aninhamento do slider.
  • Seletor de conjunto de atributos — seleção de um conjunto de atributos, que se aplica a este slide.
  • Slides filhos aninhados — um slide pode ter seus próprios slides filhos, formando subgrupos.