Como configurar seu menu de navegação
Hoje, vamos falar sobre os diferentes modelos de navegação
Eles são muito importantes por muitos motivos:
- estruturam sua loja
- fazem parte do design final do seu aplicativo
- desempenham um papel importante na experiência de usuário dos seus clientes
É a navegação principal da sua loja.
Para selecionar um, vá para o menu Conteúdo e Design > Menu de navegação
Selecione o modelo que deseja aplicar ao seu aplicativo
Cada modelo de navegação tem suas próprias características e irá aprimorar as diferentes seções de sua loja, dependendo de suas necessidades.
Vamos escolher o modelo TabBar.
Consiste em 2 partes principais.
A navegação principal que será exibida na parte inferior do seu aplicativo
E uma navegação secundária, que estará em um menu separado.
Para organizar minhas seções, basta arrastá-las entre a navegação principal e o menu Outro.
Minha primeira seção é minha Home. Em seguida, estou adicionando minha lista de Coleção chamada Coleção, minha coleção de saldos e o perfil do usuário. Todo o resto estará no menu Outro.
Estou adicionando na barra de informações os vídeos sobre as coleções e lista de coleções.
Eu quero mudar o ícone da minha Home
Basta clicar nele e pronto. Estou adicionando um ícone personalizado, mas você também pode escolher um de nossa biblioteca de ícones. Estou adicionando o vídeo detalhado sobre como alterar os ícones na barra de informações.
Também posso destacar uma seção modificando a cor do ícone e a fonte. Vamos fazer isso para a coleção de saldos.
Na seção de configurações do menu de navegação, você também pode modificar o design do menu de navegação. A fonte geral, se exibe ou não os títulos sob os ícones, cor dos ícones, separadores etc.
Estou feliz com meu design final
Deixe-me mostrar do lado do cliente. Este é o design da TabBar
Para se ter uma ideia das outras versões:
- Swipe
- Little Swipe
- Grid
E Slate
Agora você sabe definir o menu de navegação de sua loja
Te vejo em breve para outro tutorial