# Porcentagem Desconto

Snippet para exibir a porcentagem de desconto oferecida

{% tabs %}
{% tab title="HTML" %}

```html
{#
# Porcentagem Desconto
# elements/snippets/porcentagem_desconto.html
#}

{% set discount = product.price_offer > 0 ? (100 - (product.price_offer / product.price) * 100) : false %}

{% if discount %}
	<span class="porcentagem">
    {% if product.has_variation and product.has_other_prices %}
	    Aproveite este produto está com at&eacute; {{ discount | number_format }}% de desconto.        
    {% else %}  
	    Aproveite este produto está com {{ discount | number_format }}% de desconto.	    
   {% endif %} 
   </span>
{% endif %}
```

{% endtab %}
{% endtabs %}

### Observação: <a href="#como-usar" id="como-usar"></a>

O código irá validar se o produto possui preço com desconto para fazer o calculo da porcentagem. \
Irá validar também se possui variações com valores diferentes. Caso seja positivo, adiciona o texto *"até"* na frase, pois a porcentagem de desconto pode variar dependendo do preço da variação do produto.

### Como usar <a href="#como-usar" id="como-usar"></a>

Copie o código ***HTML*** e crie um arquivo separado\
ex:  `elements/snippets/porcentagem_desconto.html`

Faça a chamada desse arquivo onde desejar:

```
{% element('snippets/porcentagem_desconto' {"product": product}) %}
```