Passar para o conteúdo principal
Todas as coleçõesPropostas e documentos
Propostas - Como inserir e formatar uma tabela de produtos
Propostas - Como inserir e formatar uma tabela de produtos
João Pedro Ledo avatar
Escrito por João Pedro Ledo
Atualizado há mais de 2 anos

Nesse artigo ensino a criar uma tabela de produtos e editar campos de bloco da proposta.

Antes de você começar a ler, um aviso:
A configuração de propostas é complexa e leva tempo para aprender. Para quem não tem tempo, aptidão ou vontade, nosso time de propostas pode criar um modelo para você. Se for sua preferência, contate o suporte e peça um orçamento!

No modelo de propostas, você pode adicionar blocos (listas) pré definidos na aba "Blocos":

O bloco "Tabela de produtos" sai assim:

Aqui vemos campos padrão de produtos da base e da proposta. Criando a proposta, deve ficar assim:

O bloco ainda não tem título, apenas os campos básicos para inserção de produtos:

Os campos fazem o cálculo dos valores automaticamente:

De volta ao modelo, vou dar um nome ao bloco:

Agora vou colocar um filtro para que só apareça uma família de produtos específica:

Vou também adicionar uma coluna personalizada à tabela:

Dei um título e inseri o campo de produto:

Mas ficou distorcida! Precisamos ajustar algumas colunas, como Nome e Classe. Agora parece que vai ficar um pouco complicado, mas é matemática simples. Vamos entrar no código-fonte:

Essa é nossa linha:

A soma das porcentagens tem que dar, pasme, 100%. Vamos fazer o ajuste contando com isso:

Fazendo o teste, percebi que alguns cabeçalhos ficaram pequenos:

O campo de valor unitário pode ser diminuído para dar espaço à quantidade e o desconto. Esse é um processo de tentativa e erro para deixar sua proposta otimizada!

Otimizando os espaços, diminuí 1% em Classe, aumentei 3% em quantidade, diminuí 4% em Valor unitário e aumentei 2% em Desconto. São pequenos ajustes que vão te ajudar a deixar a proposta clara.

Agora vou editar um pouco a formatação dos campos!
Meu desconto tem uma casa decimal e não mostra porcentagem, vou mudar isso.

Clico no campo de desconto e aperto a seta para a direita:

Depois disso, é só inserir o caracter de %. (normalmente SHIFT+5)

Agora, para acabar: Vamos mudar o número de casas decimais do campo de desconto.

Vamos abrir o código-fonte novamente e procurar a linha que corresponde a esse campo. Uma boa prática é o uso do ctrl+F para encontrar texto rápido:

Sigo essa linha que encontrei (deve ser algo como <td><field format="n1" key="quote_product_discount">[Produtos - a preencher.Desconto]</field>%</td>)
e busco a parte com "n1". Esse n é o número de casas decimais. Vou mudar para 0:

E, depois dessa jornada que fizemos juntos, vamos ver como ficou a tabela:

Mas vai ficar esse % sozinho quando meu desconto for 0?
Vamos mudar isso!
Essa parte é, novamente, um pouco mais técnica.
Vamos primeiro encontrar o "%" no código-fonte:

Deve estar na mesma linha que o campo de desconto.
Vamos colocar uma condicional no lugar do %:
<span condition-field-key="quote_product_discount" condition-operation="ne" condition-value="0">%</span>
Isso significa que quando o campo desconto não é igual a 0, o % aparece.

Acabou? Isso depende de você! As propostas no Ploomes trazem potenciais infinitos, de fórmulas a campos escondidos. Nosso time de propostas pode fazer um orçamento para você, ou você pode ir pela curiosidade e descobrindo as diferentes opções!

Respondeu à sua pergunta?