Pessoal, o código abaixo adiciona um box informando o valor economizado na página do produto, acontece que o estilo dele não está ativando…
não sei identificar se existe conflito no css ou outra coisa, alguem tem ideia?
site: https://www.ervadocegranel.com.br/kit-pote-plastico-para-tempero-com-tampa-tripartida-400ml
teria q ficar assim na página do produto:
<style>
body.pagina-produto span.frase-economize-perc {
font-size: 15px;
color: #67B54D;
margin-left: 5px;
}
body.pagina-produto span.box-junto-economize {
font-weight: 300;
font-size: 11px;
border: 1px solid #F3EDE0;
border-radius: 5px;
padding: 5px 5px 5px 5px;
color: #2E2E2F;
background-color: #F3EDE0;
margin-left: 0;
display: inline-block;
margin-top: 5px;
}
body.pagina-produto .produto div.principal .acoes-produto .preco-produto .preco-promocional {
display: inline-flex;
align-items: center;
}
</style>
<script>
$(function(){
console.log('#Custom: MSG Desconto e OFF v5');
var vcheio,
vpromo,
vavista,
vcheioT,
vpromoT,
vavistaT,
veconomiaT,
veconomiaP;
vcheio = $('.principal *[data-variacao-id=""] .preco-venda');
vpromo = $('.principal *[data-variacao-id=""] .preco-promocional');
vavista = $('.principal *[data-variacao-id=""] .desconto-a-vista strong');
vcheioT = parseFloat(vcheio.text().replace(/\D/g, '')) / 100;
vpromoT = parseFloat(vpromo.text().replace(/\D/g, '')) / 100;
vavistaT = parseFloat(vavista.text().replace(/\D/g, '')) / 100;
veconomiaT = (vcheioT - vpromoT);
vavistaT = new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(veconomiaT);
if (veconomiaT > 0) vavista.parent().append('<div class="box-economize "><span class="box-junto-economize"><span class="pre-texto-valor">Economize </span><span class="pos-texto-valor">'+ vavistaT + '</span></span></div>')
veconomiaP = Math.round(veconomiaT / vcheioT * 100);
if (veconomiaP > 0) vpromo.html(vpromo.html() + '<span class="frase-economize-perc"><span>' + veconomiaP.toString() + '% OFF</span></span>');
$('.principal .acoes-produto.disponivel:not([data-variacao-id=""])').each(function(i,e){
vcheio = $(e).find('.preco-venda')
vpromo = $(e).find('.preco-promocional')
vavista = $(e).find('.desconto-a-vista strong')
vcheioT = parseFloat(vcheio.text().replace(/\D/g, '')) / 100;
vpromoT = parseFloat(vpromo.text().replace(/\D/g, '')) / 100;
vavistaT = parseFloat(vavista.text().replace(/\D/g, '')) / 100;
veconomiaT = (vcheioT - vpromoT);
vavistaT = new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(veconomiaT);
if (veconomiaT > 0) vavista.parent().append('<div class="box-economize "><span class="box-junto-economize"><span class="pre-texto-valor">Economize </span><span class="pos-texto-valor">'+ vavistaT + '</span></span></div>')
veconomiaP = Math.round(veconomiaT / vcheioT * 100);
if (veconomiaP > 0) vpromo.html(vpromo.html() + '<span class="frase-economize-perc"><span>' + veconomiaP.toString() + '% OFF</span></span>');
})
})
</script>
