Para implementarmos a árvore de categorias desejada, começaremos pelo modelo de configurações.
Seguindo os passos demonstrados em , na aba Content, clique em Add Entry e selecione Configurações Categorias. Agora, começaremos a preencher o modelo de categorias. A seguinte seção descreve seus campos e exemplifica os dados de entrada.
Configurações Categorias:
Modelo responsável por configurar as características gerais das Categorias e dar início à árvore customizada, se assim desejado.
Se o campo Lista de Categorias for povoado, as demais configurações serão ignoradas, uma vez que lidam com a árvore de categorias completa, importada diretamente da VTEX.
Seus campos são:
Título do modelo: texto de até 256 caracteres.
Sugerimos não alterar, não reflete mudanças visuais no app.
Valor Padrão: "Configurações: Categorias"
Lista de Categorias opcional Raiz da árvore de categorias: lista do tipo Categoria Customizada.
Se esse campo não estiver vazio, as categorias serão carregadas daqui, ignorando as outras configurações, que lidam com manipular as categorias puramente como registradas na VTEX.
Valor Padrão: Vazio
Categorias Ocultas opcional Categorias registradas na VTEX a serem ocultadas: lista de IDs das categorias.
Valor Padrão: Vazio
Categorias Exibidas opcional Categorias registradas na VTEX a serem exibidas: lista de IDs das categorias.
Caso esse campo seja povoado com IDs, somente serão exibidas suas respectivas categorias.
Valor Padrão: Vazio
Categorias em ordem alfabética opcional Determina se as categorias trazidas da VTEX serão exibidas em ordem alfabética ou diretamente como estão registradas: selecionável entre 'Sim' e 'Não'.
Valor Padrão: Não
Exibir botão listagem todas as subcategorias opcional Determina se, no caso de listagem de categorias diretamente da VTEX, será exibido um botão para mostrar todos os produtos daquela determinada categoria. Abre uma página de listagem de todos os produtos das subcategorias em questão: selecionável entre 'Exibir' e 'Não exibir'.
Estamos trabalhando para replicar essa configuração no caso de categorias registradas manualmente no campo Lista de Categorias.
Valor Padrão: Não exibir
Botão listagem subcategorias no topo opcional Determina a localização do botão de listagem de todas as subcategoria: selecionável entre 'Sim, no topo' e 'Não, embaixo'.
Valor Padrão: Não, embaixo
Título botão listagem de todas as subcategorias opcional Determina o texto a ser exibido no botão de listagem de todas as subcategorias: texto de até 256 caracteres.
Valor Padrão: "Ver todos os produtos"
Se for desejado montar uma árvore de categorias customizada, preencheremos o campo Lista de Categorias, do modelo Configurações Categorias, com itens do tipo Categoria Customizada.
Para povoarmos as categorias, dentro do campo Lista de Categorias, clicaremos em Add Content e selecionaremos Categoria Customizada. Isso abrirá os campos do modelo de categorias, descrito e exemplificado a seguir.
Categoria Customizada:
Modelo que cria uma categoria customizada, a ser utilizado no campo Lista de Categorias do modelo Configurações Categorias ou como subcategoria de outra Categoria Customizada.
É esse modelo que permite a criação da árvore de categorias customizada para o app.
Seus campos são:
Nome da categoria: texto de até 256 caracteres.
Valor Padrão: "Nome que será exibido no card de categoria"
Determina se a categorias deve ser ponto final da árvore de categorias. Se deve, ou não, abrir uma listagem de produtos baseada no seu ID: selecionável entre 'Sim' e 'Não'.
Valor Padrão: Não
Categorias filhas opcional Subcategorias a serem exibidas ao clicar no card: lista de Categorias Customizadas.
Se esse campo estiver vazio, interpretaremos que a categoria é ponto final da árvore de categorias, ou seja, a listagem de produtos será feita utilizando o ID atual.
Valor Padrão: Vazio
Buscar produtos de... obrigatório Temos a possibilidade de listar os produtos de uma categoria utilizando tanto Categorias como Coleções registradas na VTEX, proporcionando mais flexibilidade.
Se a categoria não deve exibir produtos esse campo será relevado.
Determina como a busca para listar os produtos será feita: selecionável entre 'Category', 'Search' e 'Collection'.
Valor Padrão: Category
ID da categoria/coleção a ser pesquisada para a listagem de produtos da categoria: texto numérico de até 256 caracteres.
Se a categoria não deve exibir produtos esse campo será relevado.
Valor Padrão: '0'
🚨 Não se esqueça de publicar cada modelo, incluindo todas as subcategorias.