分割払いメッセージ

このページで

カスタマイズ可能な領域
結果を確認する

Live CustomStyle example

ライブプレビュー

InstallmentsPattern

YOURSTORE

Card paymentSelect installments

Card number

4242 4242 4242 4242

Installments

Without 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.

入力されたカードの Bank Identification Number（BIN）が設定済みの分割払いプランの対象外の場合、分割払い不可のメッセージが表示されます。

カスタマイズ可能な領域#

InstallmentsPattern は、ラベル、ツールチップのタイトル、説明リスト、文字色、余白、背景を制御します。

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 はラベルコンテナとツールチップアイコンに影響します。 popoverProps.styles はツールチップパネルに影響します。

結果を確認する#

対象の BIN と対象外の BIN をテストします。ポインターとキーボードでツールチップを開き、モバイルでも内容が読みやすいことを確認してください。