Ajuda ! Rastreio Correios

Layout
2

Na minha loja eu uso o código abaixo, ele foi postado aqui na Comunidade Loja Integrada pelo @Willliam_Fortuna no tópico Script para rastrear mercadorias via correios (Já está pronto - Insira) . Para usar esse código você deve criar uma página extra. Quando for criar a página extra você clica no botão Código Fonte no editor de texto, cola o código e depois clica novamente no botão Código Fonte. Depois é só clicar no botão Salvar Alterações e já vai estar funcionando na sua loja.

<hr />
<div class="monitorar">
<p class="divider"> </p>

<p class="wrapper-form-profile-order-tracking hover"> </p>

<div class="input-wrapper"><label for="OrderTracking">Digite seu código de rastreamento dos correios</label> <input id="OrderTracking" name="OrderTracking" type="text" /><button class="rastreio" type="submit">Rastrear produto</button></div>
<style type="text/css">.monitorar {
        padding: 5px 15px 5px 15px;
        border-radius: 3px;
        color: #000;
        font-weight: 700;
    }
    .monitorar:hover {
        color: #ffd700;
    }
.rastreio {
    background: #2A2A2A;
    padding: 15px 25px 15px 25px;
    border-radius: 50px;
    margin-top: 10px;
    color: #fff;
    font-weight: 700;
}
    input#OrderTracking {
    width: -webkit-fill-available;
    margin-top: 12px;
    padding: 14px 10px 14px 45px;
    border-radius: 50px;
}
</style>
<script type="text/javascript">
     $(function(){
        $(".rastreio").click(
            function() {
                var numerosro = document.getElementById('OrderTracking').value;
                window.open('http://rastreie.me/'+numerosro,'_blank');
            }
        );  
        $(".dropdown").hover(          
            function() {
                $('.dropdown-menu', this).stop( true, true ).fadeIn("fast");
                $(this).toggleClass('open');
                $('b', this).toggleClass("caret caret-up");                
            },
            function() {
                $('.dropdown-menu', this).stop( true, true ).fadeOut("fast");
                $(this).toggleClass('open');
                $('b', this).toggleClass("caret caret-up");                
        });
    });
</script></div>
5 curtidas