Olá! Preciso colocar um “gatilho de compra” na página de checkout VTEX do tipo " Falta apenas R$ X Reais para você conseguir frete grátis" , o problema que estou tendo é que não consigo pegar com javascript a class do valor final, existe alguma forma de apresentar isto?
Estou usando este javascript:
let a = document.getElementsByClassName("total-selling-price")[0].innerText;
let b = a.replaceAll("R$" ,"");
let c = b.replace(",",".");
if(c >= 150){
document.getElementById("alert-frete-gratis").textContent = "Parabéns! Você ganhou Frete Grátis 😍"
}
else{
document.getElementById("alert-frete-gratis").textContent = "Faltam apenas " +"R$ " + (150 - c).toFixed(2) + " FRETE GRÁTIS!";
}
Também estou utilizando este html para modificar:
<h3 style="font-size:0.85rem;font-weight:bold;color:#000;margin:10px auto;text-align:center;line-height: 16px;padding: 10px 0;" id="alert-frete-gratis"> </h3>