Pular para o conteúdo principal
Nesta página
Live CustomStyle example
Prévia ao vivo
InstallmentsPattern
YOURSTORE
Card paymentSelect installments
Why are installments unavailable?
  • The purchase is below the minimum amount.
  • The card or bank is not eligible.
  • The selected products do not qualify.
Powered by DEUNA
Implementation guide

Understand every supported field

The documentation below explains object shape, constraints, complete examples, and what to verify before release.

InstallmentsPattern
Read the documentation

A mensagem de parcelamento indisponível aparece quando o Número de Identificação Bancária (BIN) do cartão informado não é elegível para o plano configurado.

Áreas personalizáveis#

InstallmentsPattern controla o rótulo, o título da dica, a lista explicativa, a cor do texto, o espaçamento interno e o fundo.

JSON
{
  "InstallmentsPattern": {
    "overrides": {
      "NoInstallmentsTooltip": {
        "label": "¿Por qué no puedo pagar a meses sin intereses?",
        "popoverProps": {
          "title": "¿Por qué no puedo pagar a MSI?",
          "list": [
            "Tu compra es menor al monto mínimo",
            "Tu tarjeta es de débito",
            "Tu banco no participa en la promoción",
            "Los productos no aplican a la promoción"
          ],
          "listType": "unordered",
          "textColor": "#323237",
          "styles": {
            "padding": "16px",
            "backgroundColor": "#FFFFFF"
          }
        }
      }
    }
  }
}

NoInstallmentsTooltip.styles afeta o contêiner do rótulo e o ícone da dica. popoverProps.styles afeta o painel da dica.

Verifique o resultado#

Teste um BIN elegível e outro não elegível. Abra a dica com o ponteiro e o teclado e verifique se o conteúdo permanece legível em telas móveis.