Olá, tudo bem?
Esse faq é para ajudar em como alterar os ícones informados abaixo:
Acesse seu Layout > Inserir Código > Editar CSS e cole o código abaixo, mantendo só os ícones que você quer trocar.
Em cada um, troque URL-DA-IMAGEM pelo endereço da nova imagem (por exemplo, uma imagem enviada pela aba Mídia do editor da loja).
Atenção: o nome da classe leva dois hífens (
.pay-icon--visa). Se copiar de outro lugar e aparecer um travessão (–), o código não funciona.
.pay-icon--visa {
background-image: url(URL-DA-IMAGEM);
background-size: 100% 100%;
}
.pay-icon--boleto {
background-image: url(URL-DA-IMAGEM);
background-size: 100% 100%;
background-position: 0
}
.pay-icon--elo {
background-image: url(URL-DA-IMAGEM);
background-size: 100% 100%;
background-position: 0
}
.pay-icon--hipercard {
background-image: url(URL-DA-IMAGEM) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon--mastercard {
background-image: url(URL-DA-IMAGEM) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon--hiper {
background-image: url(URL-DA-IMAGEM) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon--diners {
background-image: url(URL-DA-IMAGEM) !important;
background-size: 100% 100%;
background-position: 0
}
.pay-icon--amex {
background-image: url(URL-DA-IMAGEM) !important;
background-size: 100% 100%;
background-position: 0
}