How to add the Faster Checkout module to your Hyvä Checkout?

How to add the Faster Checkout module to your Hyvä Checkout?

Prerequisites

Before installing and connecting the module, ensure you have downloaded the Yotta Pay app and activated the business plan.
If you haven't done so already, please refer to this page for instructions. Once you have registered, you can proceed with the installation of the  module.

Compatibility/Requirements

Installation

1. Use the command line to navigate to the Magento directory.
2. Enable maintenance mode: bin/magento maintenance:enable
3. Navigate to: magento2-react-checkout/src/reactapp/src/paymentMethods.
4. Download the latest version of the module from the direct link and copy it to the paymentMethods directory.
5. Unzip module files (change placeholder "latest" with the version of the downloaded module): tar -xvf magento2-react-checkout-yottapay-latest.tgz
6. Add the following code snippet to the top of customRenderers.js: import YottaPay from './magento2-react-checkout-yottapay/renderers';
7. Add the following code snippet to the end of customRenderers.js: export default YottaPay;
8. Save the changes made to customRenderers.js.
9. Navigate to the magento2-react-checkout/src/reactapp.
10. Run the following command: npm install
11. Build the app again: npm run build
12. Navigate to the Magento directory.
13. Disable maintenance mode: bin/magento maintenance:disable

Update

1. Use the command line to navigate to the Magento directory.
2. Enable maintenance mode: bin/magento maintenance:enable
3. Navigate to: magento2-react-checkout/src/reactapp/src/paymentMethods.
4. Download the latest version of the module from the direct link and copy it to the paymentMethods directory.
5. Remove current module files: rm -rf magento2-react-checkout-yottapay
6. Unzip module files (change placeholder "latest" with the version of the downloaded module): tar -xvf magento2-react-checkout-yottapay-latest.tgz
7. Navigate to the magento2-react-checkout/src/reactapp.
8. Run the following command: npm install
9. Build the app again: npm run build
10. Navigate to the Magento directory.
11. Disable maintenance mode: bin/magento maintenance:disable

Remove module

1. Use the command line to navigate to the Magento directory.
2. Enable maintenance mode: bin/magento maintenance:enable
3. Navigate to: magento2-react-checkout/src/reactapp/src/paymentMethods.
4. Remove the below code from the top of customRenderers.js: import YottaPay from './magento2-react-checkout-yottapay/renderers';
5. Remove the below code from the top of customRenderers.js: export default YottaPay;
6. Save customRenderers.jschanges.
7. Remove current module files: rm -rf magento2-react-checkout-yottapay
8. Navigate to the magento2-react-checkout/src/reactapp.
9. Run the following command: npm install
10. Build the app again: npm run build
11. Navigate to the Magento directory.
12. Disable maintenance mode: bin/magento maintenance:disable

If you require any support, feel free to reach out to us at dev@yottapay.co.uk. We're here to help!