Zahlungsmethoden erweitern

Auf der Seite Zahlungserfassung können Sie die von der Anwendung bereitgestellte Zahlungsmethodenkonfiguration erweitern, um Zahlungsmethoden hinzuzufügen, zu bearbeiten oder zu löschen.

Zahlungserfassungsseite

Neue Zahlungsmethode hinzufügen

Hinweis Sie müssen zuerst neue Zahlungsmethoden konfigurieren, damit die getPaymentTypeList -API die Konfiguration der Zahlungsmethode zurückgeben kann.

Legen Sie die folgende Ordnerstruktur unter store-extensions-src an, falls noch nicht vorhanden: store-extensions-src/app/features/orders/order-capture-wizard-page/payment-capture
Fügen Sie die folgende Ordnerstruktur unter store-extensions-src hinzu, falls noch nicht vorhanden:store-extensions-src/app/app-common/components/payment-method
Kopieren Sie die Datei app-common-extension.module.ts aus dem Verzeichnis <WORKSPACE>/store-frontend/src/app/app-common in den Ordner <WORKSPACE>/store-frontend/store-extensions-src/app/app-common .
Hinweis: Wenn die Datei app-common-extension.module.tsbereits vorhanden ist, kopieren Sie sie nicht. Angepasste Komponenten und Provider werden in dieser Datei deklariert.
Kopieren Sie die Datei payment-methods.config.ts aus dem Verzeichnis <WORKSPACE>/store-frontend/src/app/features/orders/order-capture-wizard-page/payment-capture/ in den Ordner <WORKSPACE>/store-frontend/store-extensions-src/app/features/order/order-capture-wizard-page/payment-capture/ .
Um eine neue Zahlungsanzeige hinzuzufügen, fügen Sie ein Objekt im Objekt PaymentMethodConfig hinzu, wie im folgenden Beispiel gezeigt, um die Zahlungsmethode der Debitkarte hinzuzufügen:
```
'DEBIT_CARD': {      
  tid: 'DebitCardPaymentMethod',    
  titleBundleKey: 'paymentCapturePage.TITLE_DebitCardPaymentMethod',
  component: DebitCardComponent,
  iconClass: 'app-icon-payment-options'
        }
```
Die neue Komponente DebitCardComponent muss innerhalb des Ordners store-extensions-src/app/app-common/components/payment-method erstellt werden und außerdem den Deklarationen und entryComponents der Datei app-common-extension.module.ts im Ordner store-extensions-src hinzugefügt werden.