Skip to main content
On this page
Live CustomStyle example
Live preview
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

The no-installments message appears when the entered card's Bank Identification Number (BIN) is not eligible for the configured installment plan.

Customizable areas#

InstallmentsPattern controls the label, tooltip title, explanation list, text color, padding, and background.

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 affects the label container and tooltip icon. popoverProps.styles affects the tooltip panel.

Verify the result#

Test an eligible and an ineligible BIN. Open the tooltip with a pointer and keyboard, and verify that its content remains readable on mobile.