Como inserir opção de boleto na página do produto?

  24/05/2018         Matheus Guedes

Olá lojistas, fizemos um código para vocês.

Para aparecer a opção de boleto, conforme aparecem as opções de cartão de crédito, acesse Configurações > Aparência > Editar JS:

E insira o código abaixo:

$(".panel-default:last-child").after('<div class="panel panel-default parcel">'+'<div class="panel-heading" id="boleto">'+'<h4 class="panel-title-boleto">'+'<a class="accordion-toggle" data-toggle="collapse" href="#accordion12" aria-expanded="true">'+'<span id="boleto-fonte"><small>Pagar com Boleto Bancário</small></span>'+'</a>'+'</h4>'+'</div>'+'<div id="accordion12" class="panel-collapse collapse in" aria-expanded="true" style="">'+'<div class="panel-body">'+'<p class="pull-left">À vista</p>'+'<div class="preco_ pull-right">'+'</div>'+'</div>'+'</div>'+'</div>');

$('#desconto_principal ._preco').clone().appendTo('.preco_.pull-right');

$('#selos_pagamentos .pay-icons').clone().click().appendTo('.panel-title-boleto span');

Em Configurações > Aparência > Editar CSS em estilos, insira o código abaixo:

#boleto-fonte .master {display: none}

#boleto-fonte .visa {display: none}

#boleto-fonte .amex {display: none}

#boleto-fonte .elo {display: none}

#boleto-fonte .hipercard {display: none}

#boleto-fonte .diners {display: none}

Próximos artigos

Como inserir mais tabs/abas na página de produto?

Olá lojistas, fizemos um código para você. Para que insira novas tabs no produto, você deve inserir o seguinte código abaixo em Configurações > Aparência > Editar JS:...

Como inserir um painel de identificação dos itens em minha conta

Olá lojista, fizemos esse código para você.Insira o código abaixo em Configurações > Editar JS:$('#accordion-pedidos > .panel-body > table > tbody').prepend('.<tr class="click_row">'+'<td...