Hyvä support for Mollie

About Mollie Payments

With Mollie, you can accept payments and donations online and expand your customer base internationally with support for all major payment methods through a single integration. No need to spend weeks on paperwork or security compliance procedures. No more lost conversions because you don’t support a shopper’s favourite payment method or because they don’t feel safe. We made our products and API expansive, intuitive, and safe for merchants, customers and developers alike.

Mollie requires no minimum costs, no fixed contracts, no hidden costs. At Mollie you only pay for successful transactions. More about this pricing model can be found here. You can create an account here. The Mollie Magento 2 plugin quickly integrates all major payment methods ready-made into your Magento webshop.

About this repository

This repository holds 2 modules:

• Mollie_HyvaCompatibility: This module adds compatibility for the Mollie module with Hyvä.
• Mollie_HyvaCheckout: This module adds support for the Hyvä Checkout module.

If you are using the Hyvä React Checkout module, we have a separate repository for that:
https://github.com/mollie/magento2-hyva-react-checkout

Installation

1. Install the module using composer:

composer require mollie/magento2-hyva-compatibility

1. Enable both modules:

bin/magento module:enable Mollie_HyvaCompatibility
bin/magento module:enable Mollie_HyvaCheckout

If you don't have the Hyvä Checkout module installed, you need to disable the module instead:

bin/magento module:disable Mollie_HyvaCheckout

1. Upgrade the database:

bin/magento setup:upgrade

1. Let Hyvä know about the new module:

php bin/magento hyva:config:generate

1. When having a custom theme add this line to your tailwind.config.js in the purge.content section:

purge: {
    content: [
        // ...
        '../../../../../../../vendor/mollie/**/*.phtml',
    ]
}

1. Generate the CSS files:

npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ run ci
npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ run build-prod

Or from your theme:

npm --prefix app/design/frontend/<Vendor>/<Theme>/web/tailwind run ci
npm --prefix app/design/frontend/<Vendor>/<Theme>/web/tailwind run build-prod

Missing styles?

Make sure that PostCSS uses the postcssImportHyvaModules plugin in your theme:

1. Go to your theme folder: app/design/frontend/<Vendor>/<Theme>/web/tailwind
2. Install the module:

npm install --save-dev @hyva-themes/hyva-modules

1. Open your postcss.config.js and add this as the first line:

const { postcssImportHyvaModules } = require("@hyva-themes/hyva-modules");

1. Make sure the plugin is includes in the plugins list:

module.exports = {
    plugins: [
        postcssImportHyvaModules,
        // ...
    ],
};