# Estilo Vitrine (carrossel)

> Como as vitrines aparecem na área do aluno e como distribuir seus conteúdos nelas.

A área do aluno do A\SALA Hub é organizada em **vitrines**. Cada vitrine vira uma linha na página inicial, com um título e um carrossel de miniaturas logo abaixo, no estilo dos serviços de streaming. Este é o modelo usado pela área do aluno; não é preciso ativar nada.

## Como as vitrines funcionam

- Cada vitrine publicada aparece como uma linha na página inicial do aluno.
- Os conteúdos da vitrine aparecem como miniaturas nessa linha.
- Para as miniaturas aparecerem, a estrutura precisa estar completa: **vitrine**, **produto**, **módulo** e **aula**. Uma vitrine sem módulos e aulas mostra só o título.

As vitrines e os produtos ficam em **Produtos** (`/dashboard/content/products`).

## Configurar uma vitrine

1. Em **Produtos**, na linha da vitrine, clique em **…** e depois em **Editar**.
2. A janela **Configurar vitrine** se abre.
3. Ajuste as opções da seção **Listagem** e clique em **Salvar Alterações**.

### Exibir miniaturas por

Define o que cada miniatura representa:

- **Aulas**: uma miniatura para cada aula do produto.
- **Módulos**: uma miniatura para cada módulo do produto.
- **Produtos**: uma miniatura para cada produto da vitrine.

:::aviso
Com mais de um produto, a vitrine sempre mostra uma miniatura por produto. As opções **Aulas** e **Módulos** valem para vitrines com um único produto.
:::

### Formato das miniaturas

Escolha o formato em que as capas são recortadas: **Automático**, **Automático Original**, **16:9**, **4:4**, **4:5**, **4:7** ou **2:3**.

Tamanhos de imagem mais usados:

| Formato | Tamanho sugerido |
|---|---|
| Vertical (4:7), o formato clássico de carrossel | 600x1050 px |
| Quadrado (4:4) | 600x600 px |
| Retangular | 600x400 px |

:::dica
Se a imagem ficar borrada ou cortada de um jeito estranho, use **Automático Original**, que mantém a proporção da imagem enviada.
:::

## Como distribuir seus conteúdos

### Exemplo 1: um produto principal e alguns complementares

Você tem um curso principal e outros produtos menores, como e-books e mentorias. Uma estrutura que funciona bem:

1. **Vitrine "Primeiros passos"**, com miniaturas por **Aulas**.
   - Um único produto, também chamado "Primeiros passos", com um módulo e três aulas: "Primeiro acesso", "Boas-vindas" e "Participe do grupo".
2. **Vitrine do curso principal**, com miniaturas por **Módulos**.
   - Um único produto com o mesmo nome da vitrine, com seus módulos e aulas. Cada módulo ganha a própria capa.
3. **Vitrine "Outros conteúdos"**, com miniaturas por **Produtos**.
   - Os produtos complementares, cada um com a sua capa.

### Exemplo 2: gravações de encontros ao vivo

Para reunir as gravações das suas lives:

1. Crie uma vitrine "Lives" com miniaturas por **Aulas**.
2. Crie um único produto dentro dela e adicione cada gravação como uma aula, sempre com a mais recente no topo da lista.

## Em breve

:::embreve Opções de listagem da vitrine
As caixas de seleção da janela **Configurar vitrine** ainda não mudam a área do aluno: ocultar títulos das miniaturas, ocultar título da vitrine, ocultar ícone de acesso (cadeado), ocultar ícone de acesso liberado, exibir tempo de acesso restante e separar produtos com e sem acesso. O mesmo vale para os destinos **Link** e **Página incorporada** da vitrine e para o tipo **Grupo**.
:::