Can I ask help in my custom theme?

[Ealfardan]

There none of the required id, class and data-value tags required for the theme to get the QR code.

These are the tags required:

@Ealfardan

Ok, The QR code requires your theme to have the following html attributes for the following fields:

Field	HTML tag attributes
Business Name	id = ‘BusinessName’
TRN	id = ‘d96d97e8-c857-42c6-8360-443c06a13de9’
Invoice Total	id = ‘Total’ data-value = ‘{{total.number}}’
VAT Total	class = ‘taxAmount’ data-value = ‘{{total.number}}’

If you include those into your html, the QR code should read fine.

This is an example on how to get Business Name and TRN to work:

@Ealfardan

For example, the business name is contained within a <div> tag as follows:

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

You need to add the id "BusinessName" to it, so it becomes:

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

Try your best at it post your best attempt so other members can help you fix any issues.

This is an example on how to get the amounts to work:

@Ealfardan

For example, for total, take this line in your theme:

<td colspan="{{ table.columns | size | minus:1 }}" style="text-align: end; padding: 5px 10px{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.label }}</td>

You need to:

1. add {% if total.label == "X" %} id="Total"{% endif %} in order for it to recognize the total.
2. add {% if total.label contains "Y" %} class="taxAmount"{% endif %} in order for it to recognize the tax
3. add data-value="{{ total. number }}"

The end result is this:

<td {% if total.label == "X" %} id="Total" {% endif %}{% if total.label contains "Y" %} class="taxAmount"{% endif %} data-value="{{ total. number }}" colspan="{{ table.columns | size | minus:1 }}" style="text-align: end; padding: 5px 10px{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.label }}</td>

Change the X to the label of total and change Y to the tax id string, eg. “VAT”