[Luchiii]

Hello everyone!
My site allow people see Out of Stock products as we can reorder them but, right now, I can't show that the product is out of stock, you can't simply add it to cart. As I see, this is how the button works/appear:

<div class="add-button-wrapper {{ this.getFingerprint() }}">
  {% if not this.isOutOfStock() and this.isProductAvailableForSale() %}
    {{ widget('\\XLite\\View\\Button\\Submit', label='Add to cart', style='regular-main-button add2cart') }}
  {% endif %}
</div>

Any advinces about how I can edit this using something like an IF / ELSE to show an "Out of Stock" message instead of the "Add to Cart" button?

Thanks a lot for your help or any advices about how I can do it!