Editando o menu de categorias
É possível realizar algumas edições nessa estrutura, como ocultar, agrupar e editar a ordenação das categorias. Além disso, também há a opção de criar um menu de categorias completamente customizado, com base nas categorias e coleções da VTEX, deixando de exibir a estrutura original cadastrada na VTEX
1. Editando o Menu de Categorias Nativo
Siga este caminho para ajustar a visualização da estrutura que já existe na sua VTEX.
Acesso:
Realize o login no painel administrativo da VTEX e entre no espaço destinado app : 1.
No painel administrativo da VTEX, acesse o módulo Storefront > Headless CMS.
Clique em Criar Documento e selecione o modelo "Configurações Categorias".
Acesse a aba Settings: 1.
Campos de Configuração:
IDs das Categorias Ocultas: Preencha com ID's das categorias (mesmo id da VTEX) que você não quer que sejam exibidas no menu, clicando em "+Novo ID" *
IDs das Categorias Exibidas: Insira os IDs das categorias que você deseja que fiquem visíveis, clicando em "+Novo ID" *
Categorias em ordem alfabética: Defina se a lista seguirá a ordem de A-Z ou a ordenação original da VTEX. *
Listagem de subcategorias (Opcional): Preencha apenas se desejar manter a árvore nativa da VTEX. *
Espaçamento horizontal: Define (em pixels) a distância entre o componente de categoria e a borda da tela.
Arredondamento dos cantos: Define o raio (em pixels) para o arredondamento visual do componente. *
2. Criando um Menu de Categorias do Zero
Se preferir uma navegação exclusiva para o app, utilize a aba Seções para montar sua própria árvore.
Na aba Seções, clique no botão "+" e selecione Categoria.
Configure cada item conforme os campos abaixo:
Nome (Obrigatório): O nome que o cliente verá no card do menu.
Abrir ao clicar (Opcional): Define se a categoria é um "ponto final". Se selecionado Sim, ela abrirá a listagem de produtos (PLP).
Categorias filhas (Opcional): Adicione subcategorias para criar níveis na árvore. Se este campo estiver vazio, o sistema entende que a categoria é um ponto final.
Buscar produtos de… (Opcional): Escolha se a listagem de produtos deve vir de uma Categoria ou de uma Coleção da VTEX.
ID da busca (Opcional): Insira o ID correspondente à Categoria ou Coleção escolhida acima.
PLP Banner (Opcional): Escolha um banner para aparecer no topo da listagem. Atenção: utilize apenas tamanhos P ou G.
Filtros de Especificação
Para aplicar filtros específicos nesta categoria, preencha:
Deseja aplicar algum filtro de especificação?: Marque como verdadeiro para habilitar.
Id da especificação: * Se usar Coleção: insira o valor que representa a especificação na VTEX.
Se usar Categoria: insira o nome da especificação.
3. Salvando e Publicando
Indispensável: Independentemente do método escolhido, ao finalizar as edições, você deve clicar em Salvar e depois em Publicar. Sem a publicação, as alterações não serão refletidas no aplicativo.