Incluir código de barra del número de orden en el Packing Slip

[franzzeq]

Hola! Espero que estén bien. Me gustaría saber si pueden ayudarme con un tema.

Necesito hacer que el número de orden me aparezca también como un código de barras al imprimir el packing slip de cada orden.

Encontré en cierto post antiguo una posible solución, que consiste en agregar el siguiente código a la plantilla:
<img src="https://www.barcodesinc.com/generator/image.php?code={{ order_number }}&style=197&type=C39&width=200%&height=65px&xres=1&font=2" alt="the barcode printer: free barcode generator" border="0" width="200" height="75">

El problema es que dicho código sólo funciona con la app de "Order Printer", y por motivos varios debo usar el sistema de packing slip nativo de Shopify y no la app externa.

Investigando un poco más encontré que es porque el packing slip interno del Shopify sólo admite imágenes que estén hosteadas en el servidor interno. Por lo cual mi pregunta es, ¿alguien tiene alguna otra forma de insertar un código de barras en el packing slip? O en su defecto, ¿existirá alguna app externa que pueda configurar para generar los códigos de barras y subirlos automáticamente como imágenes al servidor del Shopify?

Agradezco de antemano cualquier ayuda!

[Javier]

Hola @franzzeq,

Gracias por tu mensaje. Veo que subiste tu pregunta en el foro de inglés aquí.

Segundo uno de los usuarios del foro, una solución para esto sería usar fuentes de código de barras gratuitas como Libre Barcode 128.

Los pasos son:

• Selecciona y descarga la fuente e.g. de este enlace
   
• Extrae el archivo TTF de ZIP y cárgalo TTF en tu Administración > Configuración > Archivos > Cargar; Copia la URL
  
  
• Edita tu plantilla de albarán en consecuencia:

Declara la fuente en la parte superior del archivo:

<style>
@font-face {
font-family: 'Libre Barcode 128';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://cdn.shopify.com/TODO/replace/this/url/with/the/one/from/step/2/above) format('truetype');
}
</style>

después, agrega dónde deseas que esté el código de barras:

<p style="font-family: 'Libre Barcode 128', cursive; font-size: 140px"></p>

¿Has logrado hacer estos cambios con éxito?