The POS printers are incompatible with the system, and despite multiple attempts to change the codes, they all proved incorrect. I urge you to enable POS printers as an option to prevent disruption to our clients’ projects.
Welcome to forum @luvoraFZE
please try this theme, for POS, thermal printer (not sure out of FBR POS works or not)
You can try this theme as well,
<table style="background-color:#FFFFFF; width:404px; color:#000000; font-size:18px; text-transform:none;">
{% assign description = null %}
{% assign qty = null %}
{% assign unit_price = null %}
{% assign amount = null %}
<thead>
<!-- LOGO -->
<tr>
<td style="text-align:center;">
{% if business.logo != null %}
<img src="{{ business.logo }}" style="max-height:150px; max-width:200px; margin:0 auto 10px;">
{% endif %}
</td>
</tr>
<!-- HEADER -->
<tr>
<td style="text-align:center; width:404px;">
<div style="font-size:30px; font-weight:bold;">
{{ business.name }}
</div>
<div>
{{ business.address | replace: "\n", " " }}
</div>
<div style="border:1px solid #000; width:404px;"></div>
<div style="font-size:30px; font-weight:bold;">
{{ title }}
</div>
<div>
<strong>Customer:</strong>
<span style="font-weight:normal">{{ recipient.name }}</span>
</div>
</td>
</tr>
<!-- FIELDS -->
<tr>
<td>
{% for field in fields %}
<div style="display:inline-block;">
<strong>{{ field.label }}:</strong>
<span>{{ field.text }}</span>
</div>
{% endfor %}
</td>
</tr>
<!-- COLUMN HEADERS -->
<tr>
<td>
<div style="border-top:1px solid #000; width:404px;"></div>
<div style="display:flex; width:404px; font-weight:bold;">
<div style="width:5%;">#</div>
{% for column in table.columns %}
{% case column.label %}
{% when 'Description' %}
{% assign description = forloop.index0 %}
<div style="width:40%;">{{ column.label }}</div>
{% when 'Qty' %}
{% assign qty = forloop.index0 %}
<div style="width:10%; text-align:center;">{{ column.label }}</div>
{% when 'Unit price' %}
{% assign unit_price = forloop.index0 %}
<div style="width:15%; text-align:right;">Price</div>
{% when 'Total' or 'Amount' %}
{% assign amount = forloop.index0 %}
<div style="width:30%; text-align:right;">Amount</div>
{% endcase %}
{% endfor %}
</div>
</td>
</tr>
</thead>
<tbody>
<!-- ROWS -->
{% for row in table.rows %}
<tr>
<td>
<div style="display:flex; width:404px;">
<div style="width:5%;">{{ forloop.index }}</div>
{% for cell in row.cells %}
{% case forloop.index0 %}
{% when description %}
<div style="width:40%;">{{ cell.text | newline_to_br }}</div>
{% when qty %}
<div style="width:10%; text-align:right;">{{ cell.text }}</div>
{% when unit_price %}
<div style="width:15%; text-align:right;">{{ cell.text }}</div>
{% when amount %}
<div style="width:30%; text-align:right;">{{ cell.text }}</div>
{% endcase %}
{% endfor %}
</div>
</td>
</tr>
{% endfor %}
<!-- TOTALS -->
{% for total in table.totals %}
<tr>
<td>
<div style="display:flex; width:404px; font-weight:bold; font-size:20px; margin-top:15px;">
<div style="width:70%;">{{ total.label }}</div>
<div style="width:30%; text-align:right;">{{ total.text }}</div>
</div>
</td>
</tr>
{% endfor %}
<!-- CUSTOM FIELDS -->
<tr>
<td>
{% for field in custom_fields %}
<div style="font-weight:bold; margin-top:15px;">
{{ field.label }}
</div>
<div style="margin-bottom:15px;">
{{ field.text | newline_to_br }}
</div>
{% endfor %}
</td>
</tr>
<!-- FOOTER -->
<tr>
<td style="text-align:center;">
<div style="border-top:1px solid #000; width:404px;"></div>
<strong>THANKS!</strong><br>
Follow us on Instagram & TikTok<br>
@hair_and_accessoriesgh
</td>
</tr>
</tbody>
Thank you for your help, but we can add the items as well.
The restaurant owners didn’t like the bill without the items.
Thank you again; you saved my business.
What type of items.
Thank you, this works well. However, if there are any clear and significant improvements, we would appreciate it if you could share them with us.
Please try this one.
@meesam The quantity is displayed, but it is misaligned. Try hiding the inventory item names so that the Description column is displayed.
You can use Form Defaults to ensure that every new item is configured this way, and use Batch Operations to correct existing items.