@Shamsuddin_Esaf @shamsuddin_esaf1
I have been a bit busy lately.
Please use the one below supports Portuguese, Indonesia and English for now.
I don’t have enough time to make it compatible with all languages on manager but I will keep a record of this and add languages when a request like you did.
Previsam:
<table style="background-color: #FFFFFF: width: 50px; color: #000000; text-transform: UPPERCASE">
{% assign description = null %}
{% assign qty = null %}
{% assign amount = null %}
<thead>
<tr>
<td>
<div style="text-align: center; width: 250px; word-wrap: break-word; margin-top: 3; margin-bottom: 30px">
<div style="font-size: 20px; font-weight: bold; margin: 5px 0 10px 0">{{ business.name }}</div>
<div>{{ business.address | replace: "\n", " " }}</div>
<div style="font-weight: bold; font-size: 15px; padding: 5px; text-align: center; margin-bottom: 0px color: #000000; margin-top: 30px">{{ title }}</div>
<div style="font-weight: bold; margin-top: 20px">Customer Name: <span style="font-weight: normal">{{ recipient.name }}</span></div>
</div>
</td>
</tr>
<tr>
<td>
<div style="text-align: center; width: 250px; word-wrap: break-word; margin-bottom: 30px">
{% for field in fields %}
<div style="display: inline-block">
<div style="font-weight: bold; float: left; margin-right: 5px">{{ field.label }}: </div>
<div style="float:left; margin-bottom: 10px; margin-right: 5px">{{ field.text }}</div>
</div>
{% endfor %}
</td>
</tr>
<tr>
<div style="width: 250px; word-wrap: break-word; margin-bottom: 30px">
<div style="max-width: 100%; margin: 0 auto">
</div>
<td style="font-weight: bold; color: #000000; text-align: left; padding-left: 0px; padding-right: 0px; width: inherit; margin: 0 auto;">
<div style="width: 280px;">
{% for column in table.columns %}
{% case column.label %}
{% when 'Description' or 'Descrição' or 'Keterangan' %}
{% assign description = forloop.index0 %}
<span style="display: block; word-wrap: break-word; width: 53%; float:left">{{ column.label }}</span>
{% when 'Qty' or 'Qt.' or 'Un' or 'Kuantitas' %}
{% assign qty = forloop.index0 %}
<span style="display: block; word-wrap: break-word; width: 17%; float:left">{{ column.label }}</span>
{% when 'Total' or 'Amount' %}
{% assign amount = forloop.index0 %}
<span style="display: block; word-wrap: break-word; width: 30%; float:left">Amount</span>
{% when 'Valor' or 'Montante' or 'Jumlah' %}
{% assign amount = forloop.index0 %}
<span style="display: block; word-wrap: break-word; width: 30%; float:left">{{ column.label }}</span>
{% endcase %}
{% endfor %}
</div>
</td>
</div>
</tr>
</thead>
<tbody>
{% for row in table.rows %}
<tr>
<div style="width: 250px; word-wrap: break-word; margin: 0px 0px 20px 0px; clear: both">
<div style="max-width: 100%; margin: 0 auto">
<td style="color: #000000; text-align: left; padding-left: 0px; padding-right: 3px; width: inherit; margin: 0 auto;">
<div style="width: 280px">
{% for cell in row.cells %}
{% case forloop.index0 %}
{% when description %}
<span style="display: block; word-wrap: break-word; width: 53%; float:left">{{ cell.text }}</span>
{% when qty %}
<span style="display: block; word-wrap: break-word; width: 17%; float:left">{{ cell.text }}</span>
{% when amount %}
<span style="display: block; word-wrap: break-word; width: 30%; float:left">{{ cell.text }}</span>
{% endcase %}
{% endfor %}
</div>
</td>
</div>
</div>
</tr>
{% endfor %}
{% for total in table.totals %}
<tr>
<div style="width: 300px; word-wrap: break-word; clear: both">
<div style="max-width: 100%; margin: 0 auto">
<td style="text-align: left; font-weight: bold; font-size: 13px">
<div style="width: 250px">
<span style="display: block; float:left; width: 70%; margin-top: 20px; margin-bottom: 15px;">{{ total.label }}:</span>
<span style="display: block; float:left; width: 30%; margin-top: 20px; margin-bottom: 15px;">{{ total.text }}</span>
</div>
</td>
</div>
</div>
</tr>
{% endfor %}
<tr>
<div style="width: 300px; word-wrap: break-word; margin-bottom: 20px">
<div style="max-width: 100%; margin: 15px auto 0 auto">
<td>
<div style="padding-left: 2px; width: 280px; word-wrap: break-word">
{% for field in custom_fields %}
<div style="font-weight: bold; margin-top: 15px">{{ field.label }}</div>
<div style="padding-bottom: 20px; margin-top: 15px">{{ field.text | newline_to_br }}</div>
{% endfor %}
</div>
</td>
</div>
</div>
</tr>
<tr>
<div style="width: 300px; word-wrap: break-word; margin: 0px 0px 10px 0px">
<div style="max-width: 100%; margin: 15px auto 15px auto">
<td>
<div style="padding-left: 4px; width: 250px; word-wrap: break-word; text-align: center">
<p><b>Thank you for choosing {{ business.name }}.</b></p>
</div>
</td>
</div>
</div>
</tr>
</tbody>
</table>