Personalizando a impressão de vouchers com HTML e Liquid

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.