Ao configurar a impressão de vouchers, é possível utilizar HTML e Liquid para personalizar o conteúdo impresso.
Assim, você pode ajustar o layout, destacar informações importantes e tornar a impressão mais clara para o operador ou cliente.
Variáveis disponíveis no Liquid
Você pode inserir informações dinâmicas no voucher utilizando as variáveis abaixo:
| Variável | Descrição |
|---|---|
{{ restaurant_name }} | Nome da loja |
{{ datetime_text }} | Data atual com horário. |
{{ category_name }} | Nome da categoria do produto |
{{ product_name }} | Nome do produto |
{{ variation_items }} | Lista de variações ou opcionais do produto |
{{ observations }} | Observações inseridas no pedido |
{{ unit_price_text }} | Preço unitário formatado |
Exemplo de uso:
<b>{{ product_name }}</b> - {{ unit_price_text }}
<small>{{ variation_items }}</small>
<p><i>{{ observations }}</i></p>
Tags HTML permitidas
Na personalização do voucher, você pode usar as seguintes tags HTML para formatação:
| Tag | Função |
|---|---|
<b> | Negrito |
<i> | Itálico |
<u> | Sublinhado |
<p> | Parágrafo (quebra de linha) |
<h1> | Texto em tamanho duplo centralizado |
<center> | Centraliza o texto |
<right> | Alinha o texto à direita |
<small> | Texto em tamanho reduzido |
<big> | Texto em tamanho duplo |
💡 Dica:
<big>aumenta o tamanho da fonte para o dobro.
<h1>também tem tamanho duplo, mas já vem centralizado por padrão.É possível combinar HTML e Liquid no mesmo voucher.
Exemplo de voucher personalizado
<h1>{{ category_name }}</h1>
<b>{{ product_name }}</b>
<small>{{ variation_items }}</small>
<p><i>{{ observations }}</i></p>
<right><b>{{ unit_price_text }}</b></right>
Resultado esperado:
O nome da categoria será impresso em tamanho duplo centralizado.
O nome do produto aparecerá em negrito.
As variações serão exibidas em texto pequeno.
As observações aparecerão em itálico.
O preço ficará alinhado à direita.
Comentários
0 comentário
Por favor, entre para comentar.