# Página do produto e página da aula

> Como o produto e a aula aparecem para o aluno: o modelo de listagem, o banner do produto, a barra lateral, a marcação, a oferta e as taxonomias.

Cada produto tem duas telas de exibição. A **Página do produto** define a lista que o aluno vê ao abrir o produto. A **Página da aula** define a tela em que ele assiste. Elas só mudam a aparência: não mudam quem tem acesso.

## Como funciona

As duas telas ficam no grupo **Configurações**, no cabeçalho do produto:

- **Configurações > Página do produto**: o modelo de listagem e o banner do produto.
- **Configurações > Página da aula**: a barra lateral, a marcação e a navegação.

As duas salvam pela barra no rodapé.

## A página do produto

### O modelo de listagem

| Modelo | O que o aluno vê |
|---|---|
| **Nenhum** | Sem página de listagem. Ao abrir o produto, o aluno vai direto para o primeiro conteúdo. |
| **Grid** | Os conteúdos em cards, em colunas. |
| **Listagem** | Um conteúdo por linha, com a miniatura ao lado do título. |
| **Timeline** | Os conteúdos em sequência, numa linha do tempo vertical. |
| **Cademí** | Um destaque no topo e os conteúdos em carrosséis, no estilo streaming. Não existe no blog. |

### As opções de cada modelo

As opções mudam com o modelo escolhido.

- **Formato da miniatura** (Grid e Listagem): **Automático**, **Automático Original**, 16:9, 4:4, 4:5 ou 4:7.
- **Colunas por linha** (Grid): **3 colunas** ou **4 colunas**.
- **Separar por módulos** (Grid, fora do blog): agrupa os cards por módulo, com um título por módulo. Ligado, ele tira **Itens por página**.
- **Itens por página** (Grid, Listagem e Timeline).
- No modelo **Cademí**:
  - **Exibir módulos como carrossel**. Desligado, os módulos ficam em grade, com **Colunas por linha**.
  - **Exibir título dos módulos**.
  - **Formato da miniatura**.
- Num blog:
  - **Ordenar por**: **Data de criação**, **Data de publicação** ou **Sequencial**, a ordem manual da árvore.
  - **Direção**: **Crescente** ou **Decrescente**.

Em Grid, Listagem e Timeline há ainda três painéis: **Título**, **Data** e **Resumo**. Eles têm **Exibir título**, **Exibir data** e **Exibir resumo**, cada um com **Alinhamento**. A data tem também o **Formato**, com a data de hoje como exemplo.

### O banner do produto

O banner do produto é uma faixa de destaque no topo da página do produto. Ele só existe quando o modelo não é **Nenhum**. Para ligar, abra o painel **Banner** e ligue **Exibir banner**.

Com o banner ligado, você configura:

- **Conteúdo do banner**:
  - **Logo**, em PNG até 300 KB;
  - **Textos** em **Automático**: o nome do produto e a contagem de módulos e aulas;
  - ou **Textos** em **Personalizado**: **Título** e **Texto**, cada um com uma cor;
  - **Exibir sombra nos textos**;
  - **Exibir botão continuar**, que leva o aluno ao ponto em que ele parou, com **Texto do botão** e **Cores do botão**.
- **Imagens de fundo**: **Imagem para desktop** (JPG ou PNG até 300 KB, 1920 × 1080 px) e **Imagem para celular** (600 × 1050 px).
- **Vídeo de fundo (opcional)**:
  - **URL do vídeo** (YouTube ou Vimeo) e **URL do vídeo para celular**;
  - **Exibir sobreposição do vídeo**: uma cor com transparência sobre a imagem ou o vídeo;
  - **Som do vídeo**: os navegadores só tocam o vídeo sozinho quando ele está sem som;
  - **Ao terminar o vídeo**: **Repetir** ou **Parar**.
- **Aparência**: **Altura do banner**, em porcentagem da tela, e **Exibir degradê inferior**.

Ele lembra o **Banner completo** da tela **Conteúdo > Banners**, mas é preso a este produto e tem opções próprias. Os textos automáticos e o botão continuar existem só aqui. A ação ao clicar, a cor do menu e a redução durante o vídeo existem só lá. Veja [Banners](https://help.cademi.cloud/pt/conteudo/banners.md).

## A página da aula

- **Vídeo em destaque no celular**: no celular, o conteúdo da aula aparece antes da barra de módulos. No computador, a ordem não muda.
- **Player em modo teatro**: o vídeo maior, já ao abrir.
- **Aba de conteúdo fixada**: a lista de módulos e aulas acompanha a rolagem.
- **Barra lateral**:
  - **Exibir barra de módulos**;
  - **Exibir lista de módulos reduzida**, para produtos com submódulos;
  - **Exibir numeração das aulas**, como em "1. Boas-vindas";
  - **Nomenclatura**: o nome que as aulas têm neste produto (Plural e Singular).
- **Progresso**: **Exibir progresso total do aluno**, a barra com a porcentagem no topo da barra lateral.
- **Marcação**:
  - **Exibir botão de marcar como visto**;
  - **Exibir o botão após marcado**. Desligado, o botão some depois que o aluno marca a aula;
  - **Marcação automática**: o tempo na aula até ela se marcar sozinha. Escolha **Padrão** ou de **1 minuto** a **1 hora e meia**.
- **Navegação**: os botões de anterior e próximo abaixo de cada aula. Em **Tipo**, escolha **Simples** (texto) ou **Miniatura**. A miniatura tem **Formato da miniatura** e **Exibir título**.
- **Próximo Produto**: o **Produto** sugerido no fim do conteúdo e o **Texto do botão**. Vazio, o botão usa o nome do produto.

## O aluno sem acesso e a página de oferta

Quem não tem o produto vê o card com cadeado na vitrine. Ao clicar, vai para a **URL de oferta** do produto. Você configura a oferta em **Configurações > Geral**, junto com a **Entrega esperada**. Veja [Produtos e formatos](https://help.cademi.cloud/pt/conteudo/produtos.md).

**Atenção: é aqui que mais acontece erro.** O produto não tem oferta. Resultado: o aluno clica no cadeado e chega a uma porta fechada. O painel mostra esses produtos de dois jeitos:

- a pendência **Sem oferta**, em **Conteúdo > Produtos**;
- o aviso **Oferta não configurada.**, quando você escolhe o produto num banner.

Nos dois lugares, o formulário **Aumente suas vendas** preenche a oferta na hora.

A página de oferta não vale para o aluno que tem o produto e está bloqueado por outro motivo. Por exemplo: a aula ainda não abriu, espera uma prova ou uma porcentagem de progresso, ou está em rascunho. Esse aluno fica na área, com a explicação. A prévia do administrador também não segue a página de oferta.

## As taxonomias (só no blog)

Num produto em formato **Blog**, a tela **Configurações > Taxonomia** cria os grupos que classificam as aulas: categoria, nível, tema.

1. Clique em **Nova taxonomia**.
2. Preencha **Nome**, como ele aparece ao classificar. Por exemplo: "Categoria".
3. Preencha **Nome no plural**, o título da lista de filtros. Por exemplo: "Categorias".
4. Salve.
5. No card da taxonomia, clique em **Adicionar Categoria**. O botão usa o nome que você deu.
6. Preencha o **Nome** do termo e, se quiser, a **Miniatura**.
7. Na tela de cada aula, classifique a aula nos termos.

Para mostrar as taxonomias como filtros na lista do aluno, ligue **Taxonomia como filtro**.

Excluir uma taxonomia apaga os termos dela, e o conteúdo perde essa classificação. A miniatura do termo aparece quando a vitrine mostra miniaturas por essa taxonomia. Veja [Vitrines e grupos](https://help.cademi.cloud/pt/conteudo/vitrines-e-grupos.md).

## Bom saber

- **Opções guardadas.** Trocar o modelo de listagem esconde as opções dos outros modelos. Elas não se apagam.
- **Marcar como visto.** É o botão que o aluno vê. Com **Exibir botão de marcar como visto** desligado, a aula só conclui pelo player, pela marcação automática ou pela prova. Veja [Módulos e aulas](https://help.cademi.cloud/pt/conteudo/modulos-e-aulas.md).
- **Onde ficam a capa e a cor.** A capa e a **Cor de destaque** do produto ficam em **Configurações > Geral**, não aqui.

## Perguntas frequentes

**Quero que o aluno entre direto na primeira aula.** Escolha o modelo **Nenhum** em **Configurações > Página do produto**.

**O banner do produto não aparece.** Confira se o modelo não é **Nenhum** e se **Exibir banner** está ligado.

**O aluno clica no cadeado e nada acontece.** O produto não tem **URL de oferta**. Preencha em **Configurações > Geral**.