Inversão de Valores: Boleto e Cartão

Storefront (loja)
#1

Olá, teria como inverter os valores entre Boleto e Cartão, como boleto tem 1 desconto maior, seria interessante ele vim na frente, pra pessoa ter a impressão de cara que está “mais barato” (Screenshot by Lightshot)

Exemplo: Screenshot by Lightshot

#2

Boa tarde, tudo bem?
Nesse caso você só que troque a ordem? Ou aumente a fonte também?

#3

só trocar a ordem… boleto preço maior e valor parcelado em baixo

#4

Boa noite, inseri o código já em sua loja. Mas para quem quiser, só inserir o CSS abaixo:

#product-actions .prices__value +span {
  display: flex;
  flex-direction: column
}
#product-actions .prices__discount {
  order: 1
}
#product-actions .prices__installments {
  order: 2
}
#5

@Matheus, bom dia

Tem como fazer essa inversão pra outros meios de pagamento? Tenho um pagamento personalizado chamado ‘‘pagamento via deposito’’ e queria fazer essa inversão de valores também…

#6

Bom dia, tudo bem?
Esse código é valido para qualquer forma de pagamento, sendo que o discount é aquela que tem desconto e o installments é cartão de crédito

#7

@Matheus coloquei o código mas não foi não

#8

Isso é na página de produtos apenas, é ai que espera isso?

#9

aqui não funcionou não

eu queria que ficasse em tudo rs

  • na home
  • categoria
  • página do produto

tem como?

#10

Na verdade, esse código está sendo aplicado corretamente, porém a forma de pagamento via cartão está escondida, por isso que não mostra o efeito.

Pelo que entendi, você quer é um código diferente, que altere a ordem do preço com desconto, em relação ao preço original do produto. O tópico é só alternância do preço de desconto e de parcelamento que na sua loja está escondido.

#11

Ah sim, entendi…

tem como ser feito? preciso abrir um novo tópico? rs

#12

Melhor, se não quem vê confunde

Inversão de Valores, Desconto x Cartão
#13

Abri o tópico, obrigada

#14

Olha lá, testa e me dá um feedback por favor