Alguém sabe me dizer onde encontro esse script???

[Pinguço]

Fala rataria, blz? Estou criando minha loja pra rodar GADS, e dando uma olhada em outros concorrentes pra me inspirar, encontrei uma loja que tinha um script interessante na announcement bar, da uma olhada...

Na barra de anuncio diz frete gratis para a minha cidade, estado e região.

Não manjo nada de programação, html e etc kk só o básico (copio e colo codigo kkk) então alguem poderia me dizer onde posso encontrar esse script pra bota na minha loja?

Desde já agradeço!

 

Editado Agosto 27, 2022 por Pinguço

[DASH Otimiza]

Só colocar procurar o "header.liquid" em sections (ou "seções")
E colar o script abaixo no começo do código, acima do "header"
Considerando que você usa o tema Warehouse. Em outro tema os termos serão diferentes.
 

<style>
  
  :root {
  
    --info_client_locals-background:   ;
    --info_client_locals-color:   ;  
      
  }   
      
.glow-mobile-subnav #nav-global-location-slot {
        
    float: left;
    padding: 0 var(--desktop-container-gutter);
    display: flex;
    align-items: center;
    height: 100%;
    width: 1400px;
    margin: 0 auto;
    justify-content: center;
        
}
      
.glow-subnav-template {
  
    background-image: linear-gradient(310deg, {{ section.settings.backgroundlocal1 }}, {{ section.settings.backgroundlocal2 }});;
    height: 35px;
    width: 100%;
    display: flex;
  
}
      
.glow-mobile-subnav #nav-global-location-slot #glow-ingress-block {
  
    float: left;
    height: 20px;
    display: inline-block;
  
}
      
.glow-mobile-subnav #nav-global-location-slot #glow-ingress-block .nav-single-line {
  
    float: left;
    clear: both;
    font-size: 13px;
    line-height: 20px;
    color: {{ section.settings.colortextlocal }};
    font-family: inherit;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: var(--heading-font-family);
  
}
      
.glow-mobile-subnav #nav-global-location-slot #nav-packard-glow-loc-icon {
  
    background-position: -75px -340px;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0px 7px 0 0px;
  
}
      
.nav-sprite {
        
    background: url();
    background-size: 275px;
        
}
    
@media (max-width: 768px)  {
  
  
.glow-mobile-subnav #nav-global-location-slot {        

    width: 100%;
    padding: 0 var(--mobile-container-gutter);
        
  }  
  
  .glow-mobile-subnav #nav-global-location-slot #nav-packard-glow-loc-icon {

   
 margin: 0px 7px 0 0px;
  
  }
  
}
      
</style>
<script type="text/javascript">

  			$.getJSON( "https://myip.wtf/json", function(localizacao) {
				var localclient = localizacao['YourFuckingLocation'];
				var regiaoclient = localclient.replace(", Brazil", "");
				$("#client_name_end").html("Frete grátis para <b><i> " + regiaoclient + " </i></b> e Região");
		    });
   
</script>
<div class="glow-subnav-template glow-mobile-subnav" id="nav-subnav-container">
    <div class="a-declarative" data-action="glow-sheet-trigger" id="nav-global-location-slot">
        <div class="nav-sprite" id="nav-packard-glow-loc-icon">
<svg data-name="Livello 1" fill="{{ section.settings.colortextlocal }}" id="Livello_1" viewBox="0 0 24 24"><title></title><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>
      </div>
        <div id="glow-ingress-block">
            <span class="nav-single-line nav-persist-content" id="glow-ingress-single-line">
              
               <span id="client_name_end"></span>
            </span>
        </div>

    </div>
</div>

 

[Pinguço]

Obrigado irmão! Consegui adicionar d boa, porém ela fica toda branca, inclusive as letras, ou seja, ela fica "invisível" na minha loja, não consegui alterar as cores, tanto do fundo da announciment bar, quanto das letras (frete grátis....) 

[DASH Otimiza]

Em 28/08/2022 em 10:32, Pinguço disse:

Obrigado irmão! Consegui adicionar d boa, porém ela fica toda branca, inclusive as letras, ou seja, ela fica "invisível" na minha loja, não consegui alterar as cores, tanto do fundo da announciment bar, quanto das letras (frete grátis....) 

abre o inspecionar e vai mudando as cores até descobrir qual o css que muda.
Se não me engano, esse script puxa as cores padrão do tema.

Não tenho como testar aqui, mas tenta mudar esse aqui "

color: {{ section.settings.colortextlocal }};

"

Para:
color: black;

[Darleison]

@DASH OtimizaONDE EU PODERIA EDITAR O TEXTO? QUERIA MUDAR POR EXEMPLO (FRETE GRÁTIS ACIMA DE 02 POTES) DESDE JÁ AGRADEÇO.

[Eduardo Fischborn]

4 horas atrás, Darleison disse:

@DASH OtimizaONDE EU PODERIA EDITAR O TEXTO? QUERIA MUDAR POR EXEMPLO (FRETE GRÁTIS ACIMA DE 02 POTES) DESDE JÁ AGRADEÇO.

 

Nessa parte aqui do código amigo:

</style>
<script type="text/javascript">

  			$.getJSON( "https://myip.wtf/json", function(localizacao) {
				var localclient = localizacao['YourFuckingLocation'];
				var regiaoclient = localclient.replace(", Brazil", "");
				$("#client_name_end").html("Frete grátis para <b><i> " + regiaoclient + " </i></b> e Região");
		    });

 

👉 html("Frete grátis para <b><i> " + regiaoclient + " </i></b> e Região"); 

Só alterar o que ta em verde dentro das aspas pro texto que tu quer.

[Gabriel.S]

Cara, pelo que vc tá falando, parece que esse script pega a localização do cliente e manda essa mensagem personalizada na announcement bar. Isso é feito com um pouco de JavaScript e talvez um pouco de back-end pra pegar a localização do IP do cliente. Se vc não manja muito de código, o jeito é pegar um template que já tenha essa funcionalidade ou então contratar um dev pra fazer essa parada pra vc. Mas fica esperto, pq pra fazer isso rodar liso tem que respeitar a privacidade dos usuários e seguir as leis de proteção de dados, flw?

[Ranger Drop]

Mano, essa parada de anúncio personalizado é chave! Parece que esse script usa a geolocalização do IP do visitante pra mostrar a mensagem de frete grátis pra cidade dele. Pra colocar isso na tua loja, vc vai precisar de um script de geolocalização que pode ser integrado ao teu site. Se vc só manja do copia e cola, sugiro procurar por "geolocation script for e-commerce" no Google ou em fóruns de desenvolvimento web. Tem uns sites de freelancers tbm que vc pode achar alguém pra fazer o serviço sem gastar muito. Só não esquece de garantir que isso não vai deixar a navegação lenta ou invadir a privacidade da galera que acessa tua loja. Vai fundo nessa ideia e bota pra quebrar nas vendas!