A calculadora de produto é utilizada para definir a quantidade ideal de um produto baseado em uma fórmula. Um exemplo seria a compra de papel de parede, onde o usuário irá informar na página do produto a quantidade de metros quadrados e a quantidade de itens será calculada automaticamente.
Configuração componente Calculadora Style Editor
Para utilizar a calculadora padrão da plataforma, que realiza apenas o cálculo da altura e largura, não é necessário a criação de um script, basta inserir a fórmula do cálculo no Style Editor, por meio do componente <FBITS:Calculadora /> .
Lembrando que os parâmetros padrão da plataforma são: Altura, Largura e Metro Quadrado.
Para inserir a fórmula acesse o Style Editor e percorra o seguinte caminho: Produção >> Template >> Produto e clique no botão "Desktop" do template Página de Produto.
Ao acessar o template, localize o componente Calculadora, ao lado direito da tela:
No componente você poderá informar também a categoria em que a fórmula poderá ser aplicada: <FBITS:Calculadora formula="" categorias="" />. Por exemplo, se um produto estiver vinculado a categoria papel de parede e outro na categoria papel de parede > xadrez, a fórmula será apresentada na página de produto para ambos os produtos.
As variáveis a serem utilizadas serão as variáveis da fórmula, ou seja, as informações a serem calculadas, como altura e largura.
Segue abaixo um exemplo de uma fórmula simples para o cálculo apenas de altura e largura, inserindo a fórmula no componente no SE:
Math.ceil(([in,1,Altura]*[in,2,Largura]))=resultado
Caso queira realizar o cálculo com variáveis diferentes do padrão, será preciso um script informando as devidas variáveis.
Em caso de loja StoreFront, busque sua agência parceira para configurações.
Configuração Painel Administrativo - Adicionar valores para a Calculadora
Você também poderá inserir os valores já definidos para o cálculo, via painel administrativo, no botão da calculadora. Para isso acesse Produtos >> Lista de produtos, selecione o produto desejado e no variante do produto clique no botão "Adicionar valores para a Calculadora", em seguida, preencha os dados e salve.
Esses valores serão apresentados no objeto Fbits.Produto.ProdutoVariante, conforme exemplo abaixo:
Para saber mais detalhes do Objeto Fbits, confira nosso artigo.
Atenção, caso as informações de cálculo sejam informadas apenas na fórmula no Style Editor, pulando a etapa mostrada acima referente a calculadora no painel administrativo, na página do produto as variáveis e o cálculo serão apresentados conforme indicados na fórmula.
Atenção: recomendamos que esses ajustes de layout sejam realizados pela sua agência.