Componente Card Filter

- O componente serve para atender o Claro Troca e Proteção Móvel, só muda alguns campos no cadastro e o arquivo json.

- Para o funcionamento correto dos filtros no componente, devemos olhar o json e pegar o nome do campo, exemplo "Marca" e inserir no campo "Chave do Filtro" > Marca e preecher os outros campos.

- O componente Card Filter consome todas as informações do json, por isso devemos manter o padrão dentro do arquivo como no exemplo abaixo: 

 

{

  "Marca": "HUAWEI",

  "Modelo": "S7 32GB PRETO",

  "Premio": 25,

  "Quebra": 171.875,

  "Roubo": 275

 },

 

Titulo do Filtro: Marca

Filter Label: Selecione uma Marca

Chave do Filtro: Marca

Gtm Label: clique:claro-filter-seleciona-marca

Navegar em: 

1- Conteúdo > Conteúdos Compartilhados > Card Filter > Clicar em +Item e inserir o nome do arquivo.

2- Inserir o item de Card Filter criado anteriormente na página.

 

Na criação do item precisa preencher os campos abaixo:

- "Nome"

- "Arquivo Json *", sempre respeitando o padrão listado na regra de negócio.

- "Principais Filtros" exemplos de filtros no Claro Troca: Equipamento, Marca e Modelo e Exemplo de filtros no Proteção Móvel: Marca e Modelo

- "Filtros para valores de respostas do json" exemplos de filtros no Claro Troca: "Premio" e Exemplo de filtros no Proteção Móvel: Premio, Quebra e Roubo.

- "Texto Legal" 

- "Texto 1"

- "Texto 2"

- "Botão"

Navegar em: 

1- Conteúdo > Conteúdos Compartilhados > Card Filter > Clicar em + Criar um novo e inserir o nome do arquivo.

 

Na criação do item precisa preencher os campos abaixo:
- Template: Selecionar "Agentes Autorizados"

- "Nome"

- "Arquivo *Agente Autorizados aceita XLSX, CSV e JSONs, sempre respeitando o padrão listado na regra de negócio.

- Principais Filtros do Agente autorizado "ESTADO" e "CIDADE", preencher conforme a planilha, se o título for em caixa alto na planilha, precisa ser cadastrado em caixa alta no Card Filter Filters Item o Titulo do Filtro, Label do Campo e Chave do Filtro(Nome da coluna presente no arquivo cadastrado).

2- Inserir o item de Card Filter criado anteriormente na página.