Melhorando a Navegação

Melhorando a navegação

Introdução

O navigation.json tem uma série de funcionalidades que podem melhorar a relevância e navegação da sua aplicação, neste passo aprenderemos como definir uma mensagem de título e criar keywords.

Atividade

  1. No passo anterior usamos o titleId: admin-example.navigation.label, para atribuir um valor textual a essa chave, precisamos na pasta messages, nos três arquivos de idioma, escrever o valor correspondente:

/messages/pt.json

{
  "admin-example.navigation.label": "Treinamento de IO"
}

/messages/en.json

{
  "admin-example.navigation.label": "IO Training"
}

/messages/es.json

{
  "admin-example.navigation.label": "Entrenamiento de IO"
}

Feito isso, conseguimos agora ver uma mensagem traduzível para o menu que criamos:

imageimage

  1. Adicione keywords para tornar mais simples a busca pela sua aplicação:

/admin/navigation.json

{
  ...
+ "searchKeyWordsHelpers": "admin-example.navigation.search.kws"
}
  1. Analogamente, crie as mensagens para as keywords, separadas por vírgulas:

/messages/pt.json

{
  "admin-example.navigation.label": "Treinamento de IO",
+ "admin-example.navigation.search.kws": "mock, test, treinamento, io"
}

/messages/en.json

{
  "admin-example.navigation.label": "IO Training",
+ "admin-example.navigation.search.kws": "mock, test, training, io"
}

/messages/es.json

{
  "admin-example.navigation.label": "Entrenamiento de IO",
+ "admin-example.navigation.search.kws": "mock, test, entrenamiento, io"
}

imageimage

Está com dúvidas?

Veja o gabarito para esta etapa ou participe do nosso office hours


Ajude-nos a fazer este conteúdo melhor!

Os cursos do VTEX IO são de código aberto. Se você perceber algum problema, pode abrir um pull request!

Faça uma contribuição

ou abra uma issue


Next step