Icone / Imagem / Selo PIX - Pagina Produtos

[Lifestyle]

#Leonardo_Vicentini_F

OI Leonardo.
Inseri o código para página de checkout e funcionou.
Mas no produto (Forma Depósito) não apareceu. Pode me ajudar ?
(function(){ (".parcelas-produto img[src*=’https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/deposito-logo.png’]").parent().append(’’)
});

[Leonardo_Vicentini_F]

qual o endereço da sua loja?

[Lifestyle]

www.vitalbody.com.br

[Leonardo_Vicentini_F]

@Lifestyle

www.vitalbody.com.br

tem um caractere errado no código por isso nao rolou!

[Lifestyle]

Nossa. Muito obrigado.

Foi despercebido.

Abs. (:

[Yuri.Rodrigues]

@Leonardo_Vicentini_F No meu Checlout não quer aparecer o icone do PIX junto com o Boleto, uso o PagHiper Sabe me dizerse esse serve aparenas para o PagSeguro?

Icone / Imagem / selo PIX - Pagina Checkout - com Redirect

Para quem usa o PagSeguro no modo redirect, pode informar ao cliente que o mesmo já aceita PIX. [image] <script> $(function(){ $("#pagamento26 .forma-conteiner").append('<img src="https://cdn.awsli.com.br/950/950939/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com PagSeguro - PIX">') }); </script> Precisa ser inspecionado o checkpout e validar se o “#pagamento26” e o id do objeto que quer colocar o ícone. [image] [image] Resultado final [image]

[Marcel_Cardoso_de_No]

Opa. Funciona em todas as lojas? Precisa subir imagem?

[Leonardo_Vicentini_F]

funciona em todas as lojas, mas pode ser que em algum tema tenha que fazer algum acerto. quanto a imagem, pode fazer upload ou usar o link já informado.

[angelods]

Vc poderia mandar a imagem do seu codigo como esta configurado la em “Incluir Codigo HTML” para eu ver pq o meu aqui não esta funcionando.

[Leonardo_Vicentini_F]

@Leonardo_Vicentini_F

$(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">') 

});

Não estou usando na página de produtos, mas segue os códigos.

[angelods]

@Leonardo_Vicentini_F

$(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">') 

});

Na minha loja não funcionou, vc consegue imaginar o porque?

www.insanneangel.com.br

[Leonardo_Vicentini_F]

pronto, só ir removendo as linhas onde nao quer que a imagem do pix apareça

$(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">') 

});

[angelods]

Coloquei do jeito que vc mandou e não deu certo, o que sera que estou fazendo de errado?

[Leonardo_Vicentini_F]

Mude o tipo para Java script

[angelods]

Deu td certo, muitissimo obrigado pela ajuda.

[adai_store]

Oi Leonardo, td bem?
Suzana da ADAI STORE…

Primeiro quero agradecer , pois estou seguindo suas dicas e está dando super certo. Queria te pedir uma auxílio nessa função do Checkout, consegue me passar o código para inserir o PIX na opção do boleto? Essa que passou da PagSeguro deu super certo.

Desde já agradeço.

[Leonardo_Vicentini_F]

Icone / Imagem / Selo PIX - Pagina Checkout | Ajuste Texto Desconto

Boa tarde! Gostaria de pedir uma nova ajuda. Na minha página de checkout notei um problema quanto ao valor de Frete e Descontos. Note no print da visão desktop que aparecem normalmente o frete e o desconto, porém na versão mobile, o valor do Desconto fica recuado do lado esquerdo e o valor do frete simplesmente some. Conseguiriam me ajuda nesse sentido? O valor não está errado, mas fica feio achei. [image] Visão mobile (fiz o teste no celular e no desktop reduzindo a tela e ambos se compor…

Icone / Imagem / selo PIX - Pagina Checkout - com Redirect

Para quem usa o PagSeguro no modo redirect, pode informar ao cliente que o mesmo já aceita PIX. [image] <script> $(function(){ $("#pagamento26 .forma-conteiner").append('<img src="https://cdn.awsli.com.br/950/950939/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com PagSeguro - PIX">') }); </script> Precisa ser inspecionado o checkpout e validar se o “#pagamento26” e o id do objeto que quer colocar o ícone. [image] [image] Resultado final [image]

[adai_store]

e o código também para colocar no rodapé das páginas, junto com as informações de pagamento que a loja recebe, que sempre aparece no canto esquerdo no rodapé.

[Leonardo_Vicentini_F]

Icone / Imagem / Selo PIX - HOME

Para quem já está recebendo em PIX e quer colocar o selo na home. PS. Pode ser necessário mudar o código ou inserir CSS para aplicar em temas $(function(){ if ($(".gateways-rodape").length) $(".gateways-rodape").append('<li class="col-md-3"><img src="https://cdn.awsli.com.br/950/950939/arquivos/PIX.png" alt="PIX"></li>'); }}; para o meu caso teve que ficar <style> .gateways-rodape li:nth-child(odd) { border-right: none; } .gateways-rodape li:nth-child(4) { border-left: 1px solid #dd…

[adai_store]

Desculpa Leonardo, não estou conseguindo. Vc pode me ajudar? vou em editar CSS? coloquei esse código que me passou mas não altera, se eu precisar colocar igual vc precisou, como faço?