How to put interest scheme in the product listing?

There is a list of products in the layout I'm doing with opencode.

<div class="borderproduct" itemscope itemtype="http://schema.org/Product">
<a href="{{ product.link }}" itemprop="url">
    <div class="product-image">
        {% set loading = tray.paths.system_image ~ "/loading.gif" %}
        <img class="img-responsive lazy" data-original="{{ product.images[0].large }}" src="{{ loading }}" alt="{{ product.name }}">
    </div>
    <div class="product-name" itemprop="name">
        <div style="font-size:15px !important;"> <b>{{ product.name }}</div>
    </div>
    <div class="product-price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        {% set price = product.price_offer > 0 ? product.price_offer : product.price %}
      <hr style="margin:0px !important">
        <center><b>R$ {{ price|currency }} </b></center>
        <center>
            <div class="btnred">
                <button class="btn btn-default btn-block news-button ">Comprar</button>
            </div>
        </center>
        <meta itemprop="priceCurrency" content="BRL">
    </div>
</a>

That gives the following result:

Show the name and price of the product.

ButIwantedtoputmoredataintheproductlist,suchasthenon-discountedprice,thediscountedpriceandespeciallytheinterestorinterest-free.

Asthedatainsidetheredcirclebelow.

Lookinglikethis:

Cananyoneshowmehowtodothiswithtwighelp?

Isawintheirmanualbutfoundnothing. link