Hyvä React Checkout module
Hyvä React Checkout module
Article summary
Did you find this summary helpful?
Thank you for your feedback
Buckaroo has developed a cutting-edge Hyvä Checkout module as an extension for the Buckaroo Magento 2 plugin. By integrating this module, we have seamlessly incorporated support for Hyvä Checkout, enhancing your payment experience with Buckaroo while enjoying quicker loading times, particularly on mobile devices – a remarkable 13 times faster. With Hyvä's outstanding performance, your store will witness improved conversion rates, superior performance, and reduced overall complexity for developers.
Please note that there are 2 versions of Hyvä modules:
If you are using the Hyvä React Checkout module, you can then use this repository:
https://github.com/buckaroo-it/Magento2_HyvaIf you are using the Hyvä Checkout module, you'll need to use a separate repository for that:
https://github.com/buckaroo-it/Magento2_Hyva_Checkout
Installation
Before you start, please make sure that you've installed the following plugins in your Magento 2 environment:
- Hyvä CheckoutExample Module Template or Hyvä Themes - React Checkout codebase.
- Buckaroo Magento 2 plugin.
- Buckaroo Magento 2 GraphQL module.
1. In reactapp/package.json of the Hyvä module, add this repository to the paymentMethods entry:
"config": {
"paymentMethodsRepo": {
"buckaroo": "git@github.com:buckaroo-it/Magento2_Hyva.git"
}
},
2. Run npm i again to process the changes and npm run build to rebuild the app.
In order to display the payment summary for partial payments using giftcards, you'll need to copy (override) all the files & folders from:
Hyva/CheckoutExample/reactapp/src/paymentMethods/buckaroo/src/lib/overrides
To:
Hyva/CheckoutExample/reactapp/src
Upgrade
To upgrade the plugin you just need to use git to fetch the latest changes from GitHub, after that you build the react app again using npm:
cd Hyva/CheckoutExample/reactapp/src/paymentMethods/buckaroo
git pull
cd Hyva/CheckoutExample/reactapp
npm run build
Internationalization
A csv file with the translation strings can be found in the i18n folder, you can use this file to add translation to the Hyvä module using the default internationalization functionality provided by Hyvä - Internationalization Docs.
Supported payment methods
Currently not all payment methods are supported in our Magento 2 Hyvä checkout extension.
A list of all supported payment methods can be found below:
