Como personalizar layouts de impressão

Personalize o layout das páginas das opções de impressão de pedidos e orçamentos. Veja abaixo como fazer isso.

Passo 1 - Acesse o menu Configurações > Geral e em seguida no canto superior direito clique em "Layouts impressão".

Passo 2 - Selecione o tipo de layout que você deseja personalizar: Pedido completo, Romaneio, Declaração de conteúdo, Etiqueta de frete, Recibo, Ordem de produção ou Orçamento.

Passo 3 - Após selecionar o tipo de layout, será exibido o código fonte da página de impressão, basta editar o que você desejar e clicar em "Salvar alterações".

Observações:

O código fonte contém códigos html e css que podem ser editados, porém algumas tags html são proibidas e se usadas serão automaticamente removidas quando as alterações forem salvas. Tags como <script>, <iframe> entre outras e também atributos "on" serão removidos caso estejam presentes.

Uso de variáveis:

É possível usar variáveis para exibir o conteúdo correspondente no layout, abaixo estão algumas variáveis que podem ser utilizadas.

Dados da sua empresa:

{{empresa-logotipo}} {{empresa-nome}} {{empresa-endereco_logradouro}} {{empresa-endereco_bairro}} {{empresa-endereco_cep}} {{empresa-endereco_cidade}} {{empresa-endereco_estado}}

Dados do pedido:

{{pedido-id}} {{pedido-data}} {{pedido-subtotal}} {{pedido-acrescimo}} {{pedido-frete}} {{pedido-desconto}} {{pedido-total}} {{pedido-estornos}} {{pedido-pagamentos}} {{pedido-resta_pagar}} {{pedido-frete_tipo}} {{pedido-obs}} {{pedido-obs_interna}} {{pedido-pagamentos-lista}}

Dados dos itens do pedido:

{{pedido-itens-ftp}} {{pedido-itens-sku}} {{pedido-itens-arte_nome}} {{pedido-itens-arte_valor}} {{pedido-itens-produto-titulo}} {{pedido-itens-descricao}} {{pedido-itens-produto-cores}} {{pedido-itens-produto-material}} {{pedido-itens-produto-formato}} {{pedido-itens-produto-revestimento}} {{pedido-itens-produto-extras}} {{pedido-itens-produto-acabamento}} {{pedido-itens-vars}} {{pedido-itens-previsao_producao}} {{pedido-itens-previsao_entrega}} {{pedido-itens-arte_previa}}

Dados do usuário responsável pelo pedido:

{{pedido-usuario-nome}} {{pedido-usuario-sobrenome}}

Dados do cliente (obs: o endereço do cliente será o mesmo que contém no pedido):

{{cliente-tipo}} {{cliente-nome}} {{cliente-sobrenome}} {{cliente-razao_social}} {{cliente-fantasia}} {{cliente-cpf}} {{cliente-cnpj}} {{cliente-logradouro}}, {{cliente-numero}} {{cliente-bairro}} {{cliente-cep}} {{cliente-cidade}} {{cliente-estado}} {{cliente-complemento}} {{cliente-telefone}} {{cliente-celular}} {{cliente-email}}

Dados do orçamento:

{{orcamento-id}} {{orcamento-data}} {{orcamento-vencimento}} {{orcamento-subtotal}} {{orcamento-acrescimo}} {{orcamento-frete}} {{orcamento-desconto}} {{orcamento-total}} {{orcamento-frete_tipo}} {{orcamento-obs}}

Dados dos itens do orçamento:

{{orcamento-itens-sku}} {{orcamento-itens-produto-titulo}} {{orcamento-itens-descricao}} {{orcamento-itens-produto-cores}} {{orcamento-itens-produto-material}} {{orcamento-itens-produto-formato}} {{orcamento-itens-produto-revestimento}} {{orcamento-itens-produto-extras}} {{orcamento-itens-produto-acabamento}} {{orcamento-itens-vars}} {{orcamento-itens-arte_previa}} {{orcamento-itens-unitario}}

Looping: Entre as variáveis {{itens_loop_inicio}} e {{itens_loop_fim}} serão listados os itens do pedido ou orçamento.

Exemplo:
      {{itens_loop_inicio}}
     <tr class="no-break">
       <td class="mono center">{{pedido-itens-qtde}}</td>
       <td class="right mono">{{pedido-itens-valor}}</td>
     </tr>
     {{itens_loop_fim}}

Em anexo está o código fonte padrão dos layouts caso seja necessário restaurar, basta fazer o download, abrir o arquivo (pode ser no bloco de notas), copiar o conteúdo, colar lá na pagina de personalização do layout e salvar.

Dica:
Use a IA para pedir alterações no código, exemplo de prompt:

Preciso que você crie um novo layout de impressão de pedido pra mim.
Utilizo a plataforma imprima store que permite personalizar a página de impressão de pedidos e orçamentos, leia este tutorial para entender como é feito e também as variáveis que podem ser usadas: 

https://ajuda.imprimastore.com/hc/pt-br/articles/38770313216279-Como-personalizar-layouts-de-impress%C3%A3o

Quero que você faça a seguinte alteração:
<escreva sua alteracao aqui>

Esse é o código fonte do layout atual:
<cole o codigo do seu layout aqui>