<aside> 👋 Comece por aqui! Clique sobre os menus para navegar.

</aside>

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/344d0d49-169c-456a-aad9-0015ece6b9ff/Group_2865.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/344d0d49-169c-456a-aad9-0015ece6b9ff/Group_2865.png" width="40px" /> Página Inicial

• Primeiros Passos com a Gubee
• Produtos
• Anúncios
• Templates
• Inventário
• Frete
• Pedidos
• Notas Fiscais
• Promoções
• Protocolos
• Importações
• Relatórios
• Conta
• Integrações
• Duvidas Principais de Integração Marketplaces
• Duvidas Principais de Integração Bis2Bis
• Boas Práticas e Dicas
• Suporte </aside>

💬Chat

https://chat.movidesk.com/ChatWidget/Landing/814BD2DC02F04DB1AFFE06980CDF289E

Aprenda neste artigo como criar expressões personalizadas para utilizar com seus templates.

Com a funcionalidade de templates, além de simplesmente poder arrastar os campos disponíveis para personalizar o seu layout, você também pode criar expressões personalizadas.

Elas consistem em utilizar algumas expressões predefinidas para dar mais liberdade ao criador do template. Por exemplo:

Posso fazer todos os meus títulos ficarem letra maiúscula utilizando a seguinte expressão:

{{upper name}}

Veja abaixo mais tipos de expressões disponíveis:

Expressions

Handlebars é uma engine de templates usada para criar textos dinâmicos. Uma de suas principais características é o uso de expressões, que permitem a inserção de conteúdo dinâmico em modelos. Aqui está como escrever expressões Handlebars:

1. Variáveis: Use duas chaves para inserir variáveis em modelos. Por exemplo, {{name}} irá inserir o valor da variável name no modelo. Além disso, é importante salientar que é possível usar variáveis em diferentes contextos e escopos, tornando possível o uso de informações de diferentes locais.
2. Helpers: Use chaves com um hash para invocar helpers, que são funções que podem modificar a saída de variáveis. Por exemplo, {{upper name}} converterá o valor da variável name para maiúsculas. Os helpers podem ser usados em diferentes contextos, e muitas vezes são usados para formatar informações, como datas e números.
3. Paths: Use a notação de ponto para acessar as propriedades dos objetos. Por exemplo, {{person.name}} irá inserir o valor da propriedade name do objeto person. É possível acessar propriedades de objetos em diferentes níveis de aninhamento, permitindo a construção de templates mais complexos.
4. Expressões: Use chaves com um sinal de porcentagem para escrever expressões, que permitem lógica mais complexa em modelos. Por exemplo, {{#if (gt count 10)}}Muitos itens!{{/if}} só irá inserir a mensagem se a variável count for maior do que 10. As expressões permitem a criação de templates que realizam operações matemáticas e lógicas, além de permitir a manipulação de diferentes variáveis.
5. Caso a propriedade contenha HTML no seu conteúdo é necessário que envolva a propriedade com um par adicional de “ {} “, logo ao acessar, por exemplo o campo “description”, e o sue conteúdo “<h1> Título da Descrição</h1>”, ao invez de usar {{description}} se usaria {{{description}}}.

Usando essas técnicas, você pode criar textos dinâmicos com o Handlebars. É importante ressaltar que a utilização de templates dinâmicos é muito comum em aplicações web, e permite a criação de páginas personalizadas para cada usuário.

Para melhor entendimento, seguem os seguintes links:

1. Documentação oficial do Handlebars.js https://handlebarsjs.com/guide/expressions.html#basic-usage
2. Documentação do Handlebars para java https://github.com/jknack/handlebars.java

Criar Expressions

Exemplos

• Quando criando suas próprias “expressions” você pode ultilizar de qualquer atributo do possível payload (Anúncio, Pedido ou Produto) que aquele template irá servir. A forma de acesso das propriedades é simples
  • Acesso a uma propriedade qualquer: Digamos se tenha que acessar o atributo “name” do payload, é so usar {{name}}.
  • Acesso a uma propriedade que pertence a outra: Digamos que queira acessar o valor da altura de um anúncio, esse valor fica dentro de um objeto “Height” que, por sua vez, fica dentro de um outro objeto “Dimension”. Você iria acessa-lo da seguinte forma → {{dimension.depth.value}}
  • Para acessar itens de lista, como os atributos, acessamos cada item por indexação. Tendo como exemplo a lista atributos = ['azul','grande', 'cumprido'], pra acessar o item 'grande', faria da seguinte forma : {{atributos.[1]}} → nome da lista + . + [indice da propriedade]
• Para realizar alterações em textos, há diversas possibilidades:
  • Utilize {{upper variavel}} para deixar todo o texto em letras maiúsculas;
  • Utilize {{lower variavel}} para deixar todo o texto em letras minúsculas;
  • Utilize {{capitalizeFirst value}} para deixar apenas a primeira letra do texto em maiúsculo;
  • Para conhecer outras formas de modificar textos, basta acessar https://github.com/jknack/handlebars.java/blob/master/handlebars/src/main/java/com/github/jknack/handlebars/helper/StringHelpers.java
• Caso seja necessário imprimir um texto somente se uma característica estiver presente, utilize o seguinte código: {{#each specifications}} {{#if (eq this.name 'Cor')}} {{this.values.[0]}} {{/if}} {{/each}}.

Sobre a Gubee

O Hub de Integração é uma ferramenta que facilita a operação dos lojistas ao conectar e gerenciar as vendas realizadas em diferentes marketplaces em uma única plataforma.

Fundada em 2019, a Gubee surgiu para atender a demanda de negócios que buscavam uma solução de integração realmente eficaz.

Suporte ao cliente

Nosso suporte ao cliente é realizado através de tickets pela nossa plataforma do Movidesk. Uma plataforma completa para você acompanhar de perto todos os seus atendimentos aqui conosco! Você pode realizar seu cadastro clicando aqui.

Mas também é possível enviar um e-mail para [email protected], informando o motivo de seu contato, que um ticket é aberto automaticamente para nós.

Outros canais

Não deixe de conferir também nosso canal no Youtube com muitos outros materiais!

Siga-nos também em nosso Facebook e Instagram!

Obrigado!

Gubee Market Place Desenvolvimento de Programas LTDA.