So nutzen Sie Headless Checkout in Verbindung mit Mobile Payment:

1. Fügen Sie die Verarbeitung des Ereignisses show_mobile_payment_screen für das Mobile Payment hinzu.

Beispiel:

headlessCheckout.form.onNextAction((nextAction) => {
  switch (nextAction.type) {
    case 'show_mobile_payment_screen': {
      this.showSecondStep = true;
    }
  }
});

2. Fügen Sie die Komponente psdk-submit-button hinzu, um im zweiten Bezahlschritt eine Schaltfläche hinzuzufügen.

Beispiel:

@if (showSecondStep) {
  <psdk-submit-button text="Show status"></psdk-submit-button>
}