Passa al contenuto principale
In questa pagina
Live CustomStyle example
Anteprima live
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

Il messaggio di rate non disponibili appare quando il Bank Identification Number (BIN) della carta inserita non è idoneo al piano configurato.

Aree personalizzabili#

InstallmentsPattern controlla l'etichetta, il titolo del suggerimento, l'elenco esplicativo, il colore del testo, la spaziatura interna e lo sfondo.

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 influisce sul contenitore dell'etichetta e sull'icona del suggerimento. popoverProps.styles influisce sul pannello del suggerimento.

Verifica il risultato#

Prova un BIN idoneo e uno non idoneo. Apri il suggerimento con il puntatore e la tastiera e verifica che il contenuto resti leggibile su mobile.