Checkout - Ordem de Pagamentos

Boa tarde,

No checkout é possível listar na seguinte ordem?

Cartão de crédito
Boleto Bancário
Débito Online
Pagar com Pix
Transferência Depósito

Segue como é hoje:

image

Boa Tarde! @varaldotorcedor Tudo bem?

Na verdade, para esse caso, já temos esse tutorial aqui :slight_smile:

olá @Luiza tudo bem?

Desculpa me intrometer…

Mas no caso como faz quando são duas formas de pagamento e o mesmo intermediador?
Por Exemplo, eu quero deixar nessa ordem:

Pix (Paghiper)
Cartão de Crédito
Boleto (Paghiper)

Pq o Pix e boleto são do Paghiper, sendo assim um único código…

.checkout__col .payment .list-group {
  display: flex;
}
.payment__gateway--117391[data-label="Boleto bancário"] {
  order: -1;
  border-top: 1px solid
}

Esse código de cima irá funcionar, subir a forma de pagamento em que colocar com -1. Se tiver muitas opções, ele não irá alterar entre as opções, irá subir tudo. Exemplo, você tem Paghiper Boleto e Pix, Pagar.me boleto e cartão de crédito, se colocar -1 tanto no boleto Paghiper, quanto no Boleto Pagarme, os dois irão subir para o topo, ficando antes das formas de todas as outras formas de pagamento

1 curtida

esse código é pra colocar onde? @Matheus

é no ‘’‘HTML ANTES DE (OPCIONAL)’’’ tbm?

outra coisa, na forma de pagamento é pra colocar o nome que vem mesmo? ou o rótulo?

pix

Editar CSS

@Matheus, coloquei mas não deu certo…

Já tentei de duas mandeiras, com o nome de ‘‘pagar com pix’’ e pix…

e não deu certo…

Essa é a ordem que eu queria deixar:
1251 pix via paghiper
108091 deposito (pagamento personalizado)
1250 cartão de crédito pelo paypal
1251 boleto bancario via paghiper
111223 cartão de crédito pelo mercado pago

o outro código deixei certinho (código que esta no outro topico)

Mas ai ficou assim:
1251 boleto bancario via paghiper
1251 pix via paghiper
108091 deposito (pagamento personalizado)
1250 cartão de crédito pelo paypal
111223 cartão de crédito pelo mercado pago

não to conseguindo separar as duas formas de pagamento do paghiper por esse ultimo código que voce passou rs

Boa noite, fez errado na verdade. Deveria ser 108091, 1250, 1251, 111223 e ai usando o código, PIX iria para o topo

Bom dia @Matheus , fiz e não deu certo…
coloquei assim

window.ecomPaymentApps = [108091, 1250, 1251, 111223]

eee

.checkout__col .payment .list-group {
display: flex;
}
.payment__gateway–117391[data-label=“Pix”] {
order: -1;
border-top: 1px solid

maaas ficou assim

na pagina do produto ficou na ordem;
108091 personalizado
1251 boleto
1251 pix
1250 paypal
111223 mercado pago

no checkout ficou na ordem certa: porem o pix não subiu pro topo
108091 personalizado
1250 paypal
1251 boleto
1251 pix
111223 mercado pago

Deveria ser assim:

.checkout__col .payment .list-group {
display: flex;
}
.payment__gateway--1251[data-label="Pix"] {
order: -1;
border-top: 1px solid
}

tbm não foi …

ta na mesma ordem que te passei acima…

O código estava com um detalhe diferente. Vou ajustar acima, mas já mudei no fonte da loja, em breve vai subir tudo

Tá bom então… :slight_smile:

1 curtida

Quando cola o código sem estar no formato de código, dois hífens vira um e aspas duplas ficam curvadas e por isso o código estava invalidando

@Matheus KKKKKKKKKK só foi no checkout, na página de produto não foi não kkkkkkkkkk

Bom dia, o código foi para o checkout mesmo. O título do ticket é checkout - ordem de pagamentos, na página de produto não faz muito diferença a ordem que é apresentada porque é um informativo