Icone / Imagem / Selo PIX - Pagina Produtos

nos Tópicos está tudo detalhado, possivelmente terá que ler quase todos os posts para ver vários detalhes e até mesmo correção de algumas falhas!

Consegui, estava colocando em local errado.
Consultei o tutorial e pela foto consegui identificar o erro.

Valeu Leonardo.

1 curtida


Olá, boa tarde! A imagem do pix está muito no final da tela, como posso consertar isso? e como posso adicionar a imagem no checkout tbm? obs: apenas uso o mercado pago.

Beleza Leonardo?

Tentei aqui e o código apareceu com o selo embaixo do rodapé, queria que ele aparecesse do lado do boleto só (usamos Paghiper).

Consegue dar uma ajuda?

Obrigado!

olha vai depender de que código vc está usando, porque o postado aqui neste tópico só deveria aparecer em produtos.

sim, utilizei o postado aqui

$(function(){
$(".parcelas-produto img[src*=‘https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/boleto-logo.png’]").parent().append(’Pague com Boleto ou Pix’)
});

$(function(){

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/pagsegurov2-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com PagSeguro - Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/mercadopagov1-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com MercadoPago - Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/pagsegurov2-cards.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com Cartão ou Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/deposito-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com Deposito ou Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/pagsegurov2-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com PagSeguro ou Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/boleto-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com Boleto ou Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/entrega-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague na entrega ou Pix">') 

});

não vi problema, basta achar qual é o seu ou deixar todos.

Foi parar lá embaixo de novo

Tem algum WhatsApp? Sou novo aqui, aí a plataforma não me deixa anexar imagens

Infelizmente minhas assistências são somente via comunidade, se não ficaria complicados ajudar a todos (sou lojista assim como outros amigos aqui),

Você colocou dessa forma?

Sim, acabou ficando lá embaixo, até o código aparece

1 curtida

Coloca tag de abertura e fechamento do código

1 curtida

1 curtida

Pessoal, consegui colocar a bandeira do PIX em todos os pontos de fixação.
Graças aos códigos do @Leonardo_Vicentini_F

Só tive que fazer uma ou outra adaptação

Veja o print da tela como ficou no rodapé:

Veja aqui o print de como eu cadastrei os códigos na plataforma:

Pra facilitar, vou copiar e colar os códigos aqui pra quem se interessar.

$(function(){

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/pagsegurov2-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com PagSeguro - Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/mercadopagov1-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com MercadoPago - Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/boleto-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com Boleto ou Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/pagsegurov2-cards.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com Cartão ou Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/deposito-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com Deposito ou Pix">') 

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/pagsegurov2-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com PagSeguro ou Pix">') 

<!--  $(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/boleto-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com Boleto ou Pix">')   -->

$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/entrega-logo.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague na entrega ou Pix">')

$(".bandeiras-pagamento li").parent().append('<li"> <img src="https://cdn.awsli.com.br/1300/1300660/arquivos/pix_logo_bugado_2.png" style="margin: 0 0 0 0 0px;" alt="Pague com Visa ou Pix"> </li>') 

});

Pra quem quiser conferir como ficou lá na loja virtual, aqui está o link:
MaxPower Plasma Performance Automotivo

https://www.maxpowerplasmaperformance.com.br/

Bom, é isso ai.
Boa sorte!

2 curtidas

Boa tarde Leonardo, tudo bem? Não to conseguindo colocar a logo pix em pagamento na entrega.

Eu consegui colocar na outra forma de pagamento mas ai nessa eu não consegui mesmo inspecionando e pegando o id

esse é o codigo:

$(function(){

$("#pagamento18 .forma-conteiner").append(’Pague com MercadoPago - Pix’)

$("#pagamento6 .forma-conteiner").append(’Pague com Boleto ou Pix’)

$(function(){ 

$("img[src*='https://cdn.awsli.com.br/production/static/loja/estrutura/v1/img/bandeiras/entrega.png']").parent().append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague na entrega ou Pix">')

});

Tentei aqui e não foi, ficou assim.

olha com esse código que postei isso nao acontece, vai depender do que vc fez de alteração.

Olá, primeiro quero agradecer o passo a passo que vc deixou para colocar o logo Pix ao lado do Boleto, eu que sou completamente leiga, consegui colocar.

MAs a funçÃo Pix nÃo aparece. Coloquei o Redirect no PagSeguro, mas só aparece a opção boleto.

O que será que eu posso ter deixado de fazer ou ter feito errado rs?

1 curtida