Templates

Templates definem a estrutura das páginas na sua Área de Membros. Eles servem como armazenamento de dados para o editor de tema visual e determinam quais seções aparecem em uma página.

Templates Disponíveis

Atualmente, apenas duas páginas podem ser personalizadas:

Página de login (login.json) - A página de autenticação
Página inicial (index.json) - A página do painel principal

Estes arquivos seguem uma estrutura fixa e não podem ser deletados ou renomeados. Você também não pode criar novas páginas nesta pasta.

Formato de Template

Estrutura do Schema
Propriedades
Exemplo

Templates são arquivos JSON com um schema específico:

{
  "order": ["section-id-1", "section-id-2", "section-id-3"],
  "sections": {
    "section-id-1": {
      "type": "banner",
      "settings": { 
        // Configurações da seção
      },
      "blocks": {
        // Blocos opcionais dentro da seção
      },
      "block_order": ["block-id-1", "block-id-2"]
    },
    "section-id-2": {
      "type": "modules",
      "settings": {
        // Configurações da seção
      }
    }
    // Seções adicionais...
  }
}

Propriedade	Tipo	Descrição
`order`	Array	Lista de IDs de seção na ordem de renderização
`sections`	Object	Mapa de IDs de seção para configurações de seção
`sections[id].type`	String	O tipo de seção (deve corresponder ao nome de um arquivo de seção)
`sections[id].settings`	Object	Valores de configuração para a seção
`sections[id].blocks`	Object	Blocos opcionais dentro da seção
`sections[id].block_order`	Array	Ordem dos blocos dentro da seção

{
  "order": ["banner", "featured-modules", "continue-watching"],
  "sections": {
    "banner": {
      "type": "banner",
      "settings": { 
        "slides_delay": 5 
      },
      "blocks": {
        "slide-1": {
          "id": "slide-1",
          "type": "slide",
          "settings": {
            "banner_type": "image",
            "mobile_image": "https://example.com/mobile.jpg",
            "desktop_image": "https://example.com/desktop.jpg"
          }
        }
      },
      "block_order": ["slide-1"]
    },
    "featured-modules": {
      "type": "modules",
      "settings": {
        "external_section_id": "featured-modules",
        "items_variant": "content_over",
        "title": "Uma seção pode conter módulos",
        "course_id": "course-id-example"
      }
    },
    "continue-watching": {
      "type": "continue_watching",
      "settings": {
        "external_section_id": "continue-watching",
        "items_variant": "content_over",
        "margin_top": 20
      }
    }
  }
}

Limitações

Templates são arquivos auto-gerados que podem ser editados tanto pelo editor de código quanto pelo editor de tema
Cada template pode renderizar até 25 seções
Cada seção pode ter até 50 blocos

Como os Templates Funcionam

Quando você edita um template no editor de tema:

O editor de tema lê o arquivo JSON do template
Ele renderiza controles de UI baseados nos schemas das seções
Quaisquer mudanças que você fizer são salvas de volta no arquivo JSON
A página é re-renderizada com suas mudanças

Você também pode editar estes arquivos diretamente no editor de código clicando no botão “Editor de Código”.

Introdução

Conceitos Principais

Referências

Templates

Templates

Templates Disponíveis

Formato de Template

Limitações

Como os Templates Funcionam

​Templates

​Templates Disponíveis

​Formato de Template

​Limitações

​Como os Templates Funcionam

Templates

Templates Disponíveis

Formato de Template

Limitações

Como os Templates Funcionam