Printing on Thermal Printer

22

its not working bro

23

Thermal.pdf (77.4 KB)

just copy paste on new theme

1 Like
24

Anybody having the knowledge on this Theme customization please organize the following which does not work for me.
I downloaded it from

[quote=“hussainiii, post:23, topic:3676”]
just copy paste on new theme

@media print { html, body { width: 100%; -webkit-print-color-adjust: exact } @page { size: 100% 100%; margin: 0% !important; padding: 0%; } 
<thead>

 <tr>

     <td colspan="99">



        <table style="margin-bottom: 20px; text-align: center;">

          <tr>

            <td style="font-weight: bold; font-size: 32px">{{ title }}</td>

        {% if business.logo != null %}<td class="text-end"><img src="{{ business.logo }}"

style=“max-height: 150px; max-width: 300px” />{% endif %}

          </tr>

        </table>



        <table style="margin-bottom: 20px; text-align: center; font-size: 17px;">

          <tr>

            {% if business.address != null %}

            <td style="width: 1px; white-space: nowrap">

                 <div style="font-weight: bold; font-size: 22px"">{{ business.name }}</div>

{{ business.address | newline_to_br }}

            {% for field in business.custom_fields %}

            <div>{{ field.label }} {{ field.text }}</div>

            {% endfor %}

       </td>

       {% endif %}

     </tr>

   </table>



   <table style="margin-bottom: 20px; font-size: 17px;">

     <tr>

       <td class="text-end">

            {% for field in fields %}

            <div style="font-weight: bold">{{ field.label }}</div>

            <div style="margin-bottom: 10px">{{ field.text }}</div>

            {% endfor %}

       </td>

                                                       <td style="width: 20px"></td>

       <td class="border-start" style="width: 20px"></td>

       <td>

            <div style="font-weight: bold">{{ recipient.name }}</div>

            <div>{{ recipient.address | newline_to_br }}</div>

            <div>{{ recipient.identifier }}</div>

       </td>

     </tr>

   </table>



   <div style="font-size: 14px; font-weight: bold; margin-bottom: 20px">{{ description }}</div>
{% for column in table.columns %} 
   <td class="text-{{ column.align }} border-start{% if forloop.last == true %} border-end{% endif

%}" style=“font-weight: bold; padding: 5px 1px; border-bottom-width: 1px; border-top-width: 1px{%
if column.nowrap %}; width: 80px{% endif %}”>{{ column.label }}

  {% endfor %}

</tr>

{% for row in table.rows %}

<tr>

  {% for cell in row.cells %}

  <td class="text-{{ table.columns[forloop.index0].align }} border-start{% if forloop.last == true

%} border-end{% endif %}" style=“padding: 5px 1px; {% if table.columns[forloop.index0].nowrap %};
white-space: nowrap; width: 80px{% endif %}”>{{ cell.text | newline_to_br }}

  {% endfor %}

</tr>

{% endfor %}

<tr>

{% for column in table.columns %}

  <td class="border-start{% if forloop.last == true %} border-end{% endif %}" style="border-

bottom-width: 1px"> 

{% endfor %}

</tr>

{% for total in table.totals %}

<tr>

    <td class="text-end" colspan="{{ table.columns | size | minus:1 }}" style="padding: 5px 1px{%

if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.label }}

   <td class="border-start border-end text-right" style="white-space: nowrap; border-bottom-

width: 1px; padding: 5px 1px{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{
total.text }}

</tr>

{% endfor %}

{% for field in custom_fields %}

<tr>

  <td colspan="99">

       <div style="font-weight: bold; padding-top: 20px">{{ field.label }}</div>

       <div>{{ field.text | newline_to_br }}</div>

  </td>

</tr>

{% endfor %}



<tr>

  <td colspan="99">

       {% if emphasis.text != null and emphasis.positive %}

     <div style="text-align: center; margin-top: 40px"><span style="color: #006400; border-

width: 5px; border-color: #006400; padding: 10px; font-size: 20px">{{ emphasis.text | upcase
}}

       {% endif %}



       {% if emphasis.text != null and emphasis.negative %}

     <div style="text-align: center; margin-top: 40px"><span style="color: #FF0000; border-

width: 5px; border-color: #FF0000; padding: 10px; font-size: 20px">{{ emphasis.text | upcase
}}

       {% endif %}

  </td>

</tr>