Plantillas de impresión de tickets

Hay cuatro tipos de plantillas para los documentos que se imprimen a través del TPV:

• Tickets de caja
• Tickets regalo
• Vales
• Arqueo de caja

1. Asignar plantillas a cada TPV inicio

Para asignar una de las plantillas a uno de esos tipos de impresión que hemos comentado, solamente será necesario:

• Ir a “Configuración>>Formatos de Impresión>>Tickets de TPV”
• Seleccionar una de las plantillas facilitadas (hacer clic con el botón izquierdo del ratón)
• Seleccionar el TPV sobre el que se quiera realizar el cambio (en la esquina superior derecha)
• Hacer clic sobre el botón Salvar como... que interese en cada caso

2. ¿Y si se quiere modificar un diseño? inicio

Podemos realizar cambios sobre las plantillas por defecto o bien sobre una plantilla ya asignada y que, incluso, pudiera estar ya modificada previamente.

Los pasos a seguir son similares a los indicados en el anterior punto:

• Ir a “Configuración>>Formatos de Impresión>>Tickets de TPV”
• Seleccionar una de las plantillas (hacer clic con el botón izquierdo del ratón)
  • Seleccionar una de las facilitadas por defecto
  • Recuperar una ya asignada a un TPV haciendo clic sobre el botón Leer... que interese
• Editar la plantilla: al hacer clic sobre , veremos la plantilla recuperada en modo de edición en HTML y ya podremos realizar las modificaciones necesarias
• Seleccionar el TPV sobre el que se quiera realizar el cambio
• Hacer clic sobre el botón Salvar como… que interese en cada caso

3. Las plantillas en formato HTML inicio

Para poder imprimir los tickets del TPV Mostrador en formato HTML, debemos activarlo previamente desde el menú principal, "Configuración>>Formatos de impresión>>Tickets de TPV". Las plantillas en HTML están divididas en dos partes:

En la primera parte se definen los estilos que se usarán en las distintas partes de documento para indicar tamaños, colores, tipografías, etc.

En una segunda parte se definen los textos y variables. Las variables funcionan siempre así:

• Etiquetas HTML (<p>, <h1>, etc)
• Etiquetas <span>: pueden ir dentro de cualquier otro elemento. Dentro de estas se definen las variables con name="nombre_variable" e id=" nombre_variable"

Cuando se realiza un cambio, hacer clic en el botón Actualizar para verlo reflejado en el diseño.

Ejemplo sólo con variable:

<p class="p">

<span name="nombre_empresa" id="nombre_empresa">DEMO,S.L. </span>

</p>

Ejemplo de un texto fijo y una variable:

<p class="p">

<span class="etiq_dato">TPV:</span>

<span name="tpv_documento" id="tpv_documento">Tienda Demo</span>

</p>

Las  variables disponibles las podemos ver haciendo clic sobre Ver Variables:

Cambio de logo en tickets inicio

Una situación que sucede en muchas empresas es utilizar un tipo de logo para los documentos de compra-venta -pedidos, albaranes, presupuestos y facturas- y otro logo para los tickets. Normalmente, este último es más pequeño y con un diseño horizontal.

Para que este cambio de logo pueda hacerse efectivo es necesario que el logo para los tickets esté cargado en "Configuración>>Datos de mi empresa" en la pestaña Logotipos, en el campo de Logo 2, Logo 3 o Logo 4.

Vamos a ver cómo se realiza este cambio en el lenguaje HTML:

1. 1. Dentro de ese código HTML hay que localizar este texto: <img style="display" name="logo" src="../varios/imagesmanager?operation=2&image=logo" width="140"/>
      Puedes buscar este texto rápidamente en tu navegador a través de la opción de buscar texto a través de CTRL+F. Esta opción buscará la palabra o frase que se escriba en la barra, tal y como se observa en la imagen siguiente:

      

   2. Una vez localizado el texto <img style="display" name="logo" src="../varios/imagesmanager?operation=2&image=logo" width="140"/> hay que modificar las palabras en rojo por la palabra "calidad", sin las comillas. Quedaría de esta forma: <img style="display" name="calidad" src="../varios/imagesmanager?operation=2&image=calidad" width="140"/>
   3. Si pinchamos en el botón Refrescar vista con los cambios ya se puede ver la vista previa de cómo quedará nuestro ticket.
   4. Por último, cerramos esa ventana y en los botones de la derecha, pinchamos en Salvar como ticket de caja para guardar los cambios realizados.

Limitar altura de línea de detalles inicio

Otra de las modificaciones habituales que realizan los usuarios es limitar la altura de la línea de los productos. Esto ocurre cuando las descripciones de los productos son demasiado extensas y ocupan varias líneas del ticket. Por ejemplo:

Para evitar que la descripción de un producto ocupe más de 1 línea, hay que localizar el texto en rojo:

<tr name="detalle" id="detalle">

<td style="border-top: 1px solid #666; border-bottom: 1px solid #666;" align="left"><strong><span name="concepto" id="concepto">Ejemplo Articulo con una descripción muy larga que ocupar varias lienas en la impresion</span></strong><br/><span name="articulo" id="articulo">Cod.Art</span></td>

Y modificarlo por:

<td style="display: block; overflow: hidden;max-height: 12px;" align="left"><strong><span name="concepto" id="concepto">Ejemplo Artículo con una descripción muy larga que ocupar varias líneas en la impresion</span></strong><br/><span name="articulo" id="articulo">Cod.Art</span></td>

Una vez hemos modificado el diseño de la plantilla del ticket, queda así:

Cuando se han aplicado las modificaciones pertinentes, el último paso es guardar el diseño del ticket. Si nos encontramos en el editor HTML, debemos cerrar para volver al gestor de plantillas. En la esquina superior derecha hay que seleccionar el TPV desde donde se imprimirá este nuevo diseño y, acto seguido, al botón de Salvar como ticket de caja para que se guarden los cambios en el sistema.