Você está na página 1de 1

*Como instalar o script

1) Vai em Configurações
2) Scripts adicionais
3) Seleciona Check-out
4) Coloca as 2 partes do script em Head e Body

--------- HEAD -----------

<style>
p.aprovacao-pagamento {
display: block;
width: fit-content;
top: 5px;
background: #00b69d;
color: white;
border-radius: 4px;
padding: 0 8px;
font-weight: bolder;
margin-bottom: 1px;
font-size: 11px;
}
p.aprovacao-pagamento--boleto{
background: #a3a3a3;
}
</style>

--------- BODY -----------

<script>
/* PagamentoCartaoCredito*/
const elementoPagamentoCartaoCredito = document.getElementById('heading1');
const elementoParagrafoCartaoCredito = document.createElement("p");
const textoCartaoCredito = document.createTextNode("APROVAÇÃO IMEDIATA");
elementoParagrafoCartaoCredito.appendChild(textoCartaoCredito);
elementoPagamentoCartaoCredito.prepend(elementoParagrafoCartaoCredito);
elementoParagrafoCartaoCredito.classList.add("aprovacao-pagamento");
/* PagamentoPix*/
const elementoPagamentoPix = document.getElementById('headingPix');
const elementoParagrafoPix = document.createElement("p");
const textoPix = document.createTextNode("APROVAÇÃO IMEDIATA");
elementoParagrafoPix.appendChild(textoPix);
elementoPagamentoPix.prepend(elementoParagrafoPix);
elementoParagrafoPix.classList.add("aprovacao-pagamento");
/* PagamentoBoleto*/
const elementoPagamentoBoleto = document.getElementById('headingTwo');
const elementoParagrafoBoleto = document.createElement("p");
const textoBoleto = document.createTextNode("APROVAÇÃO EM 3 DIAS");
elementoParagrafoBoleto.appendChild(textoBoleto);
elementoPagamentoBoleto.prepend(elementoParagrafoBoleto);
elementoParagrafoBoleto.classList.add("aprovacao-pagamento");
elementoParagrafoBoleto.classList.add("aprovacao-pagamento--boleto");
</script>

Você também pode gostar