Estensione dei metodi di pagamento

Nella pagina Acquisizione pagamento , è possibile estendere la configurazione dei metodi di pagamento forniti dall'applicazione per aggiungere, modificare o eliminare i metodi di pagamento.

Pagina di acquisizione del pagamento

Aggiunta di un nuovo metodo di pagamento

Nota: è necessario prima configurare nuovi metodi di pagamento in modo che l'API getPaymentTypeList possa restituire la configurazione del metodo di pagamento.

Creare la seguente struttura di cartelle in store-extensions-src, se non già presente: store-extensions-src/app/features/orders/order-capture-wizard-page/payment-capture
Aggiungete la seguente struttura di cartelle sotto store-extensions-src, se non è già presente:store-extensions-src/app/app-common/components/payment-method
Copiare il file app-common-extension.module.ts da <WORKSPACE>/store-frontend/src/app/app-common nella cartella <WORKSPACE>/store-frontend/store-extensions-src/app/app-common .
Nota: se il file app-common-extension.module.tsè già presente, non copiare il file. I componenti e provider personalizzati sono dichiarati in questo file.
Copiare il file payment-methods.config.ts da <WORKSPACE>/store-frontend/src/app/features/orders/order-capture-wizard-page/payment-capture/ nella cartella <WORKSPACE>/store-frontend/store-extensions-src/app/features/order/order-capture-wizard-page/payment-capture/ .
Per aggiungere un nuovo pannello di pagamento, aggiungere un oggetto nell'oggetto PaymentMethodConfig come mostrato nel seguente esempio per aggiungere il metodo di pagamento con carta di debito:
```
'DEBIT_CARD': {      
  tid: 'DebitCardPaymentMethod',    
  titleBundleKey: 'paymentCapturePage.TITLE_DebitCardPaymentMethod',
  component: DebitCardComponent,
  iconClass: 'app-icon-payment-options'
        }
```
Il nuovo componente DebitCardComponent deve essere creato all'interno della cartella store-extensions-src/app/app-common/components/payment-method e deve essere aggiunto anche nelle dichiarazioni e nel file entryComponents del app-common-extension.module.ts nella cartella store-extensions-src .