Aviso de Frete Grátis

Layout
1

Gostaria de adicionar uma mensagem logo que o comprador adicionar o produto no carrinho com os parâmetros de frete grátis nas compras acima de R$ 200,00:

“Ainda falta (valor) reais para você ganhar frete grátis!”

1 curtida
2

Olá. Nesta mensagem o valor (R$ 30,00) seria padrão para todos os produtos ou no caso mudaria de um para o outro?

3

No caso mudaria para o valor que falta, por exemplo o frete grátis ocorre nas compras acima de R$ 200,00

4

Eu uso o código abaixo.
Você vai colocar esse código em Incluir código HTML >> Descrição: Comprando mais frete grátis >> Local publicação: Rodapé >> Página publicação: Página do carrinho >> Tipo: HTML.

<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 100 deacordo com a sua loja //
    if(valor<200)
    {
    var conta = (200.00-valor).toFixed(2);
    $('#falta').text('R$ ' + conta);
    $('#preco-frete').css('display', 'block');
    }
    });
    </script>
5

Muito obrigado! Só queria saber, como faço para o branco #ffffff ficar com a opacidade máxima e não ficar com a opacidade em 8.

20 24

6

Opa! Funcionou perfeitamente!
Gratidão!

8

@Pedro, tudo bem? Eu copiei e colei este código da forma como vc indicou mas o aviso não aparece no carrinho … o que eu notei é que na parte “#preco-frete span { color: #fc1515;” a palavra span aparece em vermelho … será que é isso? Valeu!

9

@Pedro tudo bem? Esse seu código não vale quando o frete é exclusivo para alguma região certo? Fui testar e ele assume a condição de valor para qualquer CEP. No caso a loja tem frete grátis somente para região sudeste. Obrigada!

10

@camilagestao Fiz umas alterações por conta, talvez te ajude tbm… Usa esse código (altera com as suas cores):

<style type="text/css">
    #preco-frete {
    float: left;
    background-color: #696969;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    }
    #preco-frete .texto {
    vertical-align: top;
    color: #ffffff;
    font-size: 18px;
    }
    #preco-frete span {
    color: #fc1515;
    vertical-align: top;
    }
    #preco-frete span1 {
    color: #ffffff;
    vertical-align: top;
    font-size: 12px;
    }
    </style>
    <div id="preco-frete" style="display:none;">
    <span class="texto">
    Comprando mais <span id="falta"></span> ganhe <span>Frete Grátis!!! <span> <span1>(Somente Região Sudeste)</span1>
    </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 100 deacordo com a sua loja //
    if(valor<250)
    {
    var conta = (250.00-valor).toFixed(2);
    $('#falta').text('R$ ' + conta);
    $('#preco-frete').css('display', 'block');
    }
    });
    </script>
2 curtidas
11

@muydahora Obrigada por me retornar! Infelizmente alteração só na mensagem não é efetiva nessa loja, a gente tem um problema sério com clientes que não leem informações em texto rs, então teria que ser algo mais automático, tipo só aparece mesmo a mensagem para quem a condição é válida entende?! Mas, tudo bem! De qualquer forma, agradeço a atenção.

1 curtida
12

oi amigo, tudo bem?

Eu precisava muito de um codigo que mostrasse mensagem conforme a regiao da pessoa…

por exemplo: regiao sul tal valor
regiao norte tal valor

e conforme a pessoa insere o cep, o valor se adequa com a regiao

1 curtida