Skip to content
CMS (Contentful)

icon picker
Menu

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.
Captura de Tela 2022-11-29 às 09.58.18.png
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 obrigatório
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"
Captura de Tela 2022-11-23 às 14.37.47.png
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
Captura de Tela 2022-11-23 às 14.58.48.png
Categorias Ocultas opcional
Categorias registradas na VTEX a serem ocultadas: lista de IDs das categorias.
Valor Padrão: Vazio
Captura de Tela 2022-11-23 às 15.26.34.png
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
Captura de Tela 2022-11-23 às 15.28.54.png
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
Captura de Tela 2022-11-23 às 15.31.53.png
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
Captura de Tela 2022-11-23 às 15.36.16.png
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
Captura de Tela 2022-11-23 às 15.39.18.png
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"
Captura de Tela 2022-11-23 às 15.41.29.png

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.
Captura de Tela 2022-11-29 às 10.36.07.png

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 obrigatório
Nome da categoria: texto de até 256 caracteres.
Valor Padrão: "Nome que será exibido no card de categoria"
Captura de Tela 2022-11-23 às 15.50.00.png
Abrir ao clicar opcional
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
Captura de Tela 2022-11-23 às 15.51.55.png
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
Captura de Tela 2022-11-23 às 15.55.15.png
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
Captura de Tela 2022-11-23 às 15.56.26.png
ID da busca obrigatório
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'
Captura de Tela 2022-11-23 às 16.01.41.png

🚨 Não se esqueça de publicar cada modelo, incluindo todas as subcategorias.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.