Frete gratis no carrinho por região

Layout
1

Boa noite ! Já possuo o codigo HTML para implantação da mensagem “COMPRE MAIS VALOR X E GANHE FRETE GRATIS” Porem preciso que algum expert altere esse código para que eu use por região! Não posso dar o mesmo frete pra todos estados ! Segue codigo que tenho e funciona perfeitamente:

<style type="text/css">
#preco-frete {
float: left;
background-color: #adaca6;
border-radius: 5px;
padding: 10px;
text-align: center;
}
#preco-frete .texto {
vertical-align: top;
color: #ffffff;
font-size: 18px;
}
#preco-frete span {
color: #fc1515;
}
</style>
<div id="preco-frete" style="display:none;">
<span class="texto">
Comprando mais <span id="falta"></span> ganhe <span>FRETE GRÁTIS!!!</span>
</span>
</div>
<script type="text/javascript">
$(document).ready(function() {
var valor = $('.subtotal .titulo').attr("data-subtotal-valor");
var frete = $('#preco-frete');
$('.total').append(frete);
// Altere o valor 180 deacordo com a sua loja //
if(valor<180)
{
var conta = (180.00-valor).toFixed(2);
$('#falta').text('R$ ' + conta);
$('#preco-frete').css('display', 'block');
}
});
</script>
1 curtida
2

Utilizei seu codigo pra colocar uma mensagem no site, também utilizo frete grátis por região, e assim achei que fiquei bom.

<style type="text/css">
#preco-frete {
float: left;
background-color: #707070;
border-radius: 0px;
padding: 10px;
text-align: left;
}
#preco-frete .texto {
vertical-align: top;
color: #ffffff;
font-size: 14px;
}
#preco-frete span {
color: #fc1515;
}
</style>
<div id="preco-frete" style="display:none;">
<span class="texto">
<b>Frete Grátis: </b><br>
<br>
▸ Curitiba/PR: compras acima de R$ 100<br>
<br>
▸ Regiões Sul e Sudeste: compras acima de R$300<br>
<br>
▸ Regiões Norte, Nordeste e Centro-Oeste: compras acima de R$500 </span>
</span>
</div>
<script type="text/javascript">
$(document).ready(function() {
var valor = $('.subtotal .titulo').attr("data-subtotal-valor");
var frete = $('#preco-frete');
$('.total').append(frete);
// Altere o valor 180 deacordo com a sua loja //
if(valor>10.00)
{
var conta = (10.00-valor).toFixed(2);
$('#falta').text('R$ ' + conta);
$('#preco-frete').css('display', 'block');
}
});
</script>

frete%20cp

2 curtidas