<?xml version="1.0" encoding="utf-8"?>
<odoo>
      <template id="stock_qty" inherit_id="website_sale.products_item" customize_show="True" name="Stock Quantity">
        <xpath expr="//div[hasclass('o_wsale_product_information_text')]" position="before">
            <div class="col" style="width:300px; height:30px; background: Lavender; color: black; display: -webkit-box;">
                <t t-if="product.sudo().qty_available &lt;= 0">
                <i class="fa fa-ban" role="img" aria-label="Ban" title="Ban"
                style="font-size:20px;color:red"/>
                    <span style="color:Red;"> Out of Stock </span></t>
                <t t-if="product.sudo().qty_available &gt;= 1 and  product.sudo().qty_available &lt;= 5">
                <i class="fa fa-warning" role="img" aria-label="Warning" title="Warning"
                style="font-size:20px;"/>
                    <span style="color:Green;"> Only Left
                    <t t-esc="product.sudo().qty_available"/> Quantity
                    </span>
                </t>
                <t t-if="product.sudo().qty_available &gt;= 5">
                <i class="fa fa-cubes" role="img" aria-label="Stock" title="Stock"/>
                    <span style="color:Blue;"> In Stock </span></t>
            </div>
        </xpath>
    </template>
</odoo>