Página de Missões

Descrição

Este widget exibe todas as informações sobre pacotes, missões e objetivos em um widget independente.

Configuração

• classe <string|required>: gamification_widget
• data-type <string|required>: missions

Notas importantes

• A imagem no cabeçalho pode ser personalizada por meio do Backoffice (Consulte a seção Personalização para obter detalhes)
• A versão 'Desktop' aparece em larguras de janela acima de 992px.
• A largura máxima do contêiner é de 1200px
• Apenas um pacote de missões por intervalo de tempo aparecerá na lista de pacotes de missões ativas

Nova Reformulação

A página de missões está sendo redesenhada para se alinhar à página de torneios. O que você vê abaixo é o novo layout que será lançado na produção em breve.

Exemplo:

Mostre-me o código!

<div class="gamification_widget" data-type="missions"></div>

Visualizações da IU:

1. Lista de Pacotes de Missões

2. Detalhes do Pacote de Missões

3. Detalhes da Missão

Quando você clica em uma missão individual (se não estiver bloqueada), um diálogo será exibido com os objetivos.

4. Lista de Pacotes de Missões (Móvel)

5. Lista de Missões (Ordenadas/Qualquer Ordem) (Móvel)

Personalização

Os seguintes recursos podem ser personalizados para a página de Missões. Para modificar esses valores, acesse o Backoffice (Configurações -> Widgets):

Imagem do banner

• Tamanhos recomendados:
  • Desktop 1200px x 180px
  • Mobile 400px x 110px
• Se nenhum banner for adicionado, será usado um plano de fundo na cor do tema