FAQ: Este artigo fornece instruções passo a passo sobre customizar configurações de categorias (cms contentful).
Customizando Configurações Categorias
Com um modelo do Contentful agora é possível visualizar categorias de nível 2 e 3 também para que sejam exibidos no app, mas sem muitas paginas na navegação e por isso agora temos o componente expansível. Agora também é possível mostrar as cores de cada categoria for mostradas no app.
Configurações Categorias
Apresenta o primeiro nivel de categorias.
Realize o login no Contentful e siga este artigo.
Preencha customizações relacionadas ao primeiro nível de categorias:
Tamanho da imagem: Tamanho da imagem que será exibida em todos os componentes do app (Caso não seja preenchido, o valor padrão é: 56x56).
Tamanho do ícone: Tamanho do ícone que será exibido em todos os componentes do app (Caso não seja preenchido, o valor padrão é: 24x24).
Tipo de asset do primeiro nível: Define se deve ser exibido um ícone, imagem ou nenhum
Estilo do componente do primeiro nível: Define se as categorias serão exibidas em um estrutura de lista ou em um grid
Categoria Customizada
Esse modelo representa uma categoria do aplicativo. As propriedades adicionais a seguir são campos de preenchimento necessários para configuração das customizações:
Cor da categoria: cor da categoria em formato hexadecimal.
Ordem: das categorias não alfabética.
Raio: arredondamento dos cantos.
Quantidade de pixels: para espaçamento horizontal (distancia entre o componente de categoria e a tela do dispostivo)
Estilo: do componente do primeiro nivel como lista.
Ícone: Asset do tipo ícone para a categoria
Imagem: Asset do tipo imagem para a categoria
Categorias filhas - Tipo de asset: Assim como o Tipo de asset do primeiro nível esse campo define o asset das subcategorias
Categorias filhas - Estilo do componente: Assim como o Estilo do componente do primeiro nível esse campo define a estrutura das subcategorias
Melhorias no módulo de categorias/departamento
Alterações nos componentes:
Componente de categoria para lista
Adição da cor na borda esquerda e no ícone
Adição de texto opcional "Ver tudo" para o caso em que esse widget é utilizado em Lista Expansível
Tela de categoria no estilo Lista Expansivel
Na LabelAppBar, é mostrada a palavra 'categorias'
Abaixo, é mostrado o componente de Lista com a marca 'Ver tudo', que quando clicado mostra a PLP dessa categoria
Em seguida, é mostrado a lista de componente de categoria expansivel com as categoria filhas
Exemplo:
Menu de categorias em lista/grade com imagem
Também é possível customizar totalmente o estilo de uma categoria e suas subcategorias. Assim, diferentes categorias customizadas podem ter diferentes estilos.
Exemplo:
Se alguma configuração aqui descrita não estiver presente no seu modelo do Contentful, contate o suporte para atualizá-lo de forma gratuita.