Hyvä Checkout support for Mollie

Hyvä Checkout is the ultimate checkout tool for Magento. It delivers better performance, better developer experience, higher conversion rates and AOV.

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 the module that adds support for the Mollie payment methods to the Hyvä Checkout module. This module has a dependency on the Mollie Magento 2 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

Supported Hyvä Checkout versions

This module works with Hyvä Checkout 1.3.6 and later, and with Hyvä Checkout 3.

Its checkout components are written for Magewire 1. On Hyvä Checkout 3 they need
hyva-themes/magento2-hyva-checkout-v1bc, which runs Magewire 1 components on Magewire 3. Require it in your project
(see Installation), and keep its module Hyva_CheckoutV1bc enabled while this module is installed (with the Hyvä
Checkout 3.0 betas, the module is named Hyva_CheckoutMwv1bc). Hyvä Checkout 3.0 installs it as well, but don't rely
on that: a later release may no longer require it.

Installation

1. Install the module using composer:

composer require mollie/magento2-hyva-checkout

On Hyvä Checkout 3, also require the Magewire 1 compatibility module:

composer require mollie/magento2-hyva-checkout hyva-themes/magento2-hyva-checkout-v1bc

1. Enable the module:

bin/magento module:enable Mollie_HyvaCheckout

On Hyvä Checkout 3, also enable the compatibility module:

bin/magento module:enable Hyva_CheckoutV1bc

With the Hyvä Checkout 3.0 betas, enable Hyva_CheckoutMwv1bc instead.

1. Upgrade the database:

bin/magento setup:upgrade

1. Let Hyvä know about the new module:

php bin/magento hyva:config:generate

1. Generate the CSS files:

npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind/ 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 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,
        // ...
    ],
};