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.