Bom dia. Preciso alterar o icone do Facebook. Alguem pode me ajudar?
Link: https://blazelongboards-manutencao.lojaintegrada.com.br/
Bom dia. Tenta atualizar aquele código JavaScript que você está usando para alterar o ícone do Instagram:
$(document).ready(function() {
//Trocando Ícone do Facebook
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li.visible-phone').removeClass("visible-phone");
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul').append(`
<li>
<a href="https://facebook.com/blazelongboards" target="_blank"><img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="30px" /></a>
</li>
`);
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div.lista-redes > ul > li.visible-phone').removeClass("visible-phone");
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div.lista-redes > ul').append(`
<li>
<a href="https://facebook.com/blazelongboards" target="_blank"><img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="30px" /></a>
</li>
`);
//Trocando Ícone do Instagram
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li').hide();
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul').append(`
<li>
<a href="https://instagram.com/blazelongboards" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px" /></a>
</li>
`);
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div > ul > li').hide();
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div > ul').append(`
<li>
<a href="https://instagram.com/blazelongboards" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px" /></a>
</li>
`);
});
1 curtida
Bom dia José. Eu copiei todo o comando. E substitui o que estava na minha loja. Porem ele só atualiza o ícone do Instagram. Posso estar fazendo algo de errado.
Que esquisito. Por algum motivo o ícone novo do Facebook está com o “display: none” ativo.
Tenta acrescentar essa linha no final do código para ver se corrige isso:
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li:nth-child(5)').css('display', 'inline-block');
Não surtiu efeito José. Segue toda linha de comando que eu estou utilizando:
(document).ready(function() {
//Trocando Ícone do Facebook
(’#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li.visible-phone’).removeClass(“visible-phone”);
$(’#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul’).append( <li> <a href="https://facebook.com/blazelongboards" target="_blank"><img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="30px" /></a> </li> );
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div.lista-redes > ul > li.visible-phone').removeClass("visible-phone");
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div.lista-redes > ul').append(`
<li>
<a href="https://facebook.com/blazelongboards" target="_blank"><img src="https://cdn.icon-icons.com/icons2/1826/PNG/512/4202110facebooklogosocialsocialmedia-115707_115594.png" width="30px" /></a>
</li>
`);
//Trocando Ícone do Instagram
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li').hide();
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul').append(`
<li>
<a href="https://instagram.com/blazelongboards" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px" /></a>
</li>
`);
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div > ul > li').hide();
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div > ul').append(`
<li>
<a href="https://instagram.com/blazelongboards" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" width="30px" /></a>
</li>
`);
});
$(’#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li:nth-child(5)’).css(‘display’, ‘inline-block’);
Ah não. Eu me expressei mal. Esse último código que eu te mandei precisa ficar acima do fechamento do script ("});"), se não ele não será executado.
$(document).ready(function() {
//Códigos anteriores
// ...
//Nova linha de código
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li:nth-child(5)').css('display', 'inline-block');
});
Perfeito José. Na parte de baixo ficou otimo. Mas eu tenho na parte de cima da loja tambem um icone do Facebook.
Segue imagens:
Nessa parte está com o mesmo problema, tem um “display: none” ativo no novo ícone do Facebook.
Acrescenta mais essa linha no script:
$(document).ready(function() {
//Códigos anteriores
// ...
//Nova linha de código
$('#rodape > div.institucional.fundo-secundario > div > div > div > div > div.span3 > div > div.lista-redes > ul > li:nth-child(5)').css('display', 'inline-block');
//Nova linha de código para o menu superior
$('#cabecalho > div.conteiner > div.menu.superior > div > ul > ul.actions > li > div:nth-child(2) > ul > div.redes-sociais.borda-principal > div.lista-redes > ul > li:nth-child(5)').css('display', 'inline-block');
});
2 curtidas
Ficou perfeito José. Você sempre me salvando. Muito Obrigado.
2 curtidas