Passar para o conteúdo principal

Layout da página do curso: lista vertical, carrossel com capas e logo do curso

Como escolher entre lista vertical de módulos ou carrossel horizontal com capas na página do curso, e quando usar cada um.

Cursos organizados em módulos podem ser exibidos na página do curso de duas formas. Você escolhe no editor do curso, em Configurações → Layout da página.

Lista vertical (padrão)

Cada módulo aparece como uma seção retrátil, em ordem, ao longo da página. O primeiro módulo já vem aberto com as aulas listadas. Os demais ficam recolhidos — ao clicar, as aulas daquele módulo são carregadas e o accordion abre.

Bom para:

  • Cursos com poucos módulos (até ~10).

  • Quando o título e a descrição dos módulos são mais importantes que a capa.

  • Estrutura sequencial clara, "leia de cima pra baixo".

Carrossel com capas

Os módulos aparecem como cards lado a lado, em um carrossel horizontal que ocupa toda a largura da página. Cada card mostra a capa do módulo, o título e a quantidade de aulas.

Ao clicar em um card, abre um modal com:

  • Botão Assistir que leva para a primeira aula disponível do módulo.

  • Campo de busca para filtrar aulas pelo título dentro do módulo.

  • Lista compacta das aulas, com thumb e duração.

Bom para:

  • Cursos com muitos módulos.

  • Quando a capa do módulo conta a história (visual forte).

  • Experiência mais "Netflix" — escolha pela capa, depois entra.

Capas dos módulos

As capas são definidas em cada módulo (Conteúdo → editor do módulo → Capa). O carrossel respeita a proporção original que você subiu: capas verticais ficam verticais, horizontais ficam horizontais, sem corte. Para um carrossel visualmente uniforme, use o mesmo aspecto em todos os módulos do curso.

Logo do curso: como o hero exibe sua marca

Cada curso pode ter um logo configurado (Conteúdo → editor do curso → Logo). O logo afeta diretamente a área de cabeçalho (hero) da página do curso vista pelo aluno:

  • Com logo: o logo aparece centralizado no topo da página, substituindo o título de texto. O nome do curso continua presente no atributo alt da imagem (para acessibilidade e leitores de tela), mas não é exibido como texto separado abaixo do logo. A descrição do curso, se houver, aparece centralizada logo abaixo.

  • Sem logo: o nome do curso é exibido como título de texto centralizado, acompanhado da capa do clube e da descrição centralizada.

Importante: ao adicionar um logo ao curso, o título em texto deixa de aparecer na página. Certifique-se de que o logo já contenha o nome do curso de forma legível, para que os alunos identifiquem o conteúdo facilmente.

O logo é exibido com largura máxima de 600 px e se adapta automaticamente a telas menores (responsivo).

Performance

Em ambos os layouts, as aulas de cada módulo só são carregadas quando o aluno realmente abre o módulo (accordion ou modal). Isso evita travar a página em cursos com centenas de aulas distribuídas em vários módulos.

Perguntas frequentes

O layout muda a estrutura do curso?

Não. É apenas como a página de detalhes apresenta os módulos para o aluno. Conteúdo, ordem, acessos e progresso continuam iguais.

Posso alternar a qualquer momento?

Sim. A mudança é salva no editor e reflete imediatamente na página do curso. Os alunos veem o novo layout no próximo acesso.

A opção aparece em qualquer curso?

Aparece em cursos que estão usando módulos (Organizar em módulos ligado nas Configurações). Cursos sem módulos sempre usam a listagem de aulas direta.

Séries e trilhas têm essa opção?

Não. Apenas cursos. Séries usam o seletor de módulo no topo; trilhas mostram uma lista de itens.

O título sumiu depois que adicionei um logo — é bug?

Não é bug. Esse é o comportamento esperado: quando um logo está configurado, ele ocupa o lugar do título de texto no hero da página do curso. Para exibir o nome em texto, remova o logo ou inclua o nome diretamente na imagem do logo.

Respondeu à sua pergunta?