Siga o passo a passo abaixo para colocar a logo do PIX ao lado do boleto:
1. Baixe o arquivo com a logo do PIX**
É só clicar nesse link
2. No seu painel da Loja Integrada, faça o upload do selo que deseja ser exibido em**
Ajustes > Upload de arquivos > Enviar um arquivo > Selecione o selo em seus diretórios > Enviar arquivo
3. Copie o código da URL, após subir a imagem, ela terá gerado uma URL, e é essa URL que precisa ser inserida nos scripts a seguir
4. Substitua a URL no local do termo “LINK-DA-IMAGEM-AQUI”, e cole o código abaixo no seu painel em
Ajustes > Incluir Código HTML
Na página do Produto:
$(function(){
$(".parcelas-produto img[src*='https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/boleto-logo.png']").parent().append('<img src="LINK-DA-IMAGEM-AQUI" style="margin: 0 0 0 20px;" alt="Pague com Boleto ou Pix">')
});
Na página de checkout
Use a função inspecionar no gateway instalado no seu checkout e para encontrar o ID que corresponde ao seu meio de pagamentos, no exemplo abaixo usamos o PagHiper que costuma ter id=6:
Se o seu gateway for o Mercado Pago, o id=18 costuma ser usado, mas é importante verificar o código do seu meio de pagamento para substituí-lo no script a seguir:
<script>
$(function(){
$("#pagamento6 .forma-conteiner").append('<img src="LINK-DA-IMAGEM-AQUI" style="margin: 0 0 0 20px;" alt="Pague com Paghiper - PIX">')
});
</script>
Dica: Manter a URL dentro das aspas duplas (" ")