Mollie Payments Plugin for Sylius

Table of Content

Overview
Support
Installation
Recurring payments
Community
Additional Sylius resources for developers
License
Contact

Overview

Screenshot showing payment methods show in shop

Screenshot showing payment methods show in admin

Screenshot showing payment method config in admin

Mollie is the most popular and advanced payment gateway integration with Sylius. This plugin is officially certified by Mollie. The integration currently supports the following payment methods:

Credit Cards (Master Card, VISA, American Express)
PayPal
ApplePay
Klarna
iDEAL
SEPA
SOFORT
EPS
Giropay
KBC/CBC Payment Button
Przelewy24
ING Home'Pay
Belfius Pay Button
Gift cards
Apple Pay Direct

Few words from Mollie: Our mission is to create a greater playing field for everyone. By offering convenient, safe world-wide payment solutions we remove barriers so you could focus on growing your business. Being authentic is our baseline.

Mollie is one of Europe's fastest-growing fin-tech companies. We provide a simple payment API, that enables webshop and app builders to implement more than twenty different payment methods in one go. Our packages and plugins are completely open-source, freely available, and easy to integrate into your current project.

Mollie thrives on innovation. When we started we spearheaded the payments industry by introducing effortless payment products that were easier, cheaper, and more flexible than what the rigid, cumbersome banks could do. Now, more than a decade later, trusted by 70.000+ businesses, Mollie is still building innovative products and working hard to make payments better.

We are here to help

This open-source plugin was developed to help the Sylius community and make Mollie payments platform available to any Sylius store. If you have any additional questions, would like help with installing or configuring the plugin or need any assistance with your Sylius project - let us know by sending an email to support@mollie.com

Installation

Requirements

We work on stable, supported and up-to-date versions of packages. We recommend you to do the same.

Package	Version
PHP	^7.2 \|\| ^8.0
ext-json: *
mollie/mollie-api-php	^2.0
sylius/admin-order-creation-plugin	^0.12 \|\| ^0.13 \|\| v0.14
sylius/refund-plugin	^1.0
sylius/sylius	~1.9.0 \|\| ~1.10.0 \|\| ~1.11.0 \|\| ~1.12.0

For the full installation guide please go to installation

Usage

During configuration first, save the keys to the database and then click "Load methods"

Rendering Mollie credit card form

You can use SyliusMolliePlugin:DirectDebit:_form.html.twig and @SyliusMolliePlugin/Grid/Action/cancelSubscriptionMollie.html.twig templates for adding the form to supplementing the direct debit card data from and cancel the subscription form the Twig UI.

For an example on how to do that, take a look at these source files.

Customization

You can decorate available services and extend current forms.

Run the below command to see what Symfony services are shared with this plugin:

$ bin/console debug:container sylius_mollie_plugin

Plugin Development

Instalation

$ composer install
$ cd tests/Application
$ yarn install
$ yarn encore dev
$ bin/console assets:install -e test
$ bin/console doctrine:database:create -e test
$ bin/console doctrine:schema:create -e test
$ symfony server:start
$ open http://localhost:8080 // or the port showed in your terminal while runing command with symfony server:start

Also in tests/Application/config/packages/webpack_encore.yaml, make sure there is such configuration:

webpack_encore:
    output_path: '%kernel.project_dir%/public/build/default'
    builds:
        mollie-admin: '%kernel.project_dir%/public/build/mollie-admin'
        mollie-shop: '%kernel.project_dir%/public/build/mollie-shop'

Also make sure you have such configuration in your shop and admin views directory:

in: src/Resources/views/Shop/_javascripts.html.twig:
<script src="https://js.mollie.com/v1/mollie.js"></script>
{{ encore_entry_script_tags('shop-entry', null, 'mollie-shop') }}
{{ encore_entry_script_tags('plugin-shop-entry', null, 'mollie-shop') }}

in: src/Resources/views/Shop/_stylesheets.html.twig:
{{ encore_entry_link_tags('shop-entry', null, 'mollie-shop') }}
{{ encore_entry_link_tags('plugin-shop-entry', null, 'mollie-shop') }}

in: src/Resources/views/Admin/_javascripts.html.twig:
{{ encore_entry_script_tags('admin-entry', null, 'mollie-admin') }}
{{ encore_entry_script_tags('plugin-admin-entry', null, 'mollie-admin') }}

in: src/Resources/views/Admin/_stylesheets.html.twig:
{{ encore_entry_link_tags('admin-entry', null, 'mollie-admin') }}
{{ encore_entry_link_tags('plugin-admin-entry', null, 'mollie-admin') }}

Frontend

Starting server and building assets

Go to ./tests/Application/ directory
Run symfony server:start in terminal. It will start local server.
Run yarn watch in terminal. It will watch your changes in admin and shop catalogs: ../../src/Resources/assets/admin/.., ../../src/Resources/assets/shop/..
Run yarn dev in terminal to build your assets once in development mode.
Run yarn encore production in terminal, to build your assets once in production mode - its required before creating every Pull Request.

All assets (mollie assets + sylius base assets) will be build in:

tests/application/public/build/mollie-admin/..
tests/application/public/build/mollie-shop/..

Rebuilding assets in your root/SRC directory

bin/console assets:install

CSS & JS files directory you can edit and work with:

Admin: go to ./src/Resources/assets/admin/**/
Shop: go to ./src/Resources/assets/shop/**/

Testing

$ bin/behat
$ bin/phpspec run

Community

For online communication, we invite you to chat with us & other users on Sylius Slack.

Additional resources for developers

To learn more about our contribution workflow and more, we encourage you to use the following resources:

License

This plugin's source code is completely free and released under the terms of the MIT license.

Contact

If you want to contact us, the best way is to fill the form on our website or send us an e-mail to support@mollie.com with your question(s). We guarantee that we answer as soon as we can!

mollie / Sylius

readme