Version: next

Administrative mandate additionnal information

Retrieve additional information for the administrative mandate payment method.

Overview

The administrative mandate payment method allows you to collect additional information from the customer. To retrieve it during checkout, you need to register the additional information component.

Register the additional information component

note

This is a temporary way to setup payment components. We are aware that it is tedious. It will definitely change in the future, when Front-Commerce will support new extension points for Payments.

Override the file that lets you register additional payments forms in Front-Commerce

mkdir -p app/theme/modules/Checkout/Payment/AdditionalPaymentInformation/

cp -u node_modules/@front-commerce/theme-chocolatine/theme/modules/Checkout/Payment/AdditionalPaymentInformation/getAdditionalDataComponent.js app/theme/modules/Checkout/Payment/AdditionalPaymentInformation/getAdditionalDataComponent.js

app/theme/modules/Checkout/Payment/AdditionalPaymentInformation/getAdditionalDataComponent.js
+ import GezyAdministrativeMandatePayment from "theme/modules/Checkout/Payment/GezyAdministrativeMandatePayment/GezyAdministrativeMandatePayment";

const ComponentMap = {};

const getAdditionalDataComponent = (method) => {
+  if (method.code.startsWith("mandat_administratif/lmb")) {
+    return GezyAdministrativeMandatePayment;
+  }

  return ComponentMap[method.code];
};

export default getAdditionalDataComponent;
};

Copy the PaymentFragment.gql file from the @front-commerce/theme-chocolatine package into your own theme:

cp node_modules/@front-commerce/theme-chocolatine/theme/modules/Checkout/Payment/PaymentFragment.gql app/theme/modules/Checkout/Payment/PaymentFragment.gql

Then add the GezyPaymentFragment to the PaymentFragment.gql file:

app/theme/modules/Checkout/Payment/PaymentFragment.gql
+ #import "theme/modules/Checkout/Payment/GezyPaymentFragment.gql"

fragment PaymentFragment on Payment {
  code
  title
+ ...GezyPaymentFragment
}

You should now see the additional information component in the checkout step when using the administrative mandate payment method.

Overview​

Register the additional information component​

Overview

Register the additional information component