1 of 3

Magento PlugIns

Support both of PC-Browser and Mobile-Browser/WebChat-Browser on Alipay and WeChat Pay

Plugins for Magento 2 Setup

Download of PlugIn Installation kit from the following URL

As a known issue of Magento Payment Process as per the following KB,

This issue is with Magento system from 2.3.3 to 2.3.5 latest version. it is suggested to apply the fix of issue if you are using the above system versions.

Note: OTT plugin package current version 2 provided the fix resolution already, you need not apply the fix anymore.

Here is our approach to fix the issue, just for reference.

Installation of the Plugins

Go to the root directory of the Magento website, run the following command:

Then you will see Ottpay_Alipay and Ottpay_WeChat are not activated.

sudo php bin/magento module:enable Ottpay_Alipay Ottpay_Wechat

sudo php bin/magento setup:upgrade

Magento Issue Fix

for version 2.3.3 to version 2.3.5, here is our approach to fix the issue, just for reference.

Modification of select-payment-method.js

Go to Magento path, find the file:

vendor/magento/module-checkout/view/frontend/web/js/action/select-payment-method.js

Open select-payment-method.js and Change file as below,

 vi /var/www/magento/vendor/magento/module-checkout/view/frontend/web/js/action/select-payment-method.js

Original:

define([
    '../model/quote'
], function (quote) {
    'use strict';

    return function (paymentMethod) {
        if (paymentMethod) {
            paymentMethod.__disableTmpl = {
                title: true
            };
        }
        quote.paymentMethod(paymentMethod);
    };
});

New:

define([
    '../model/quote'
], function (quote) {
    'use strict';

    return function (paymentMethod) {
        /*if (paymentMethod) {
            paymentMethod.__disableTmpl = {
                title: true
            };
        }*/
        quote.paymentMethod(paymentMethod);
    };
});

$ sudo php bin/magento setup:upgrade
$ sudo php bin/magento setup:di:compile

$ sudo systemctl restart httpd

Plugin for Magento 1 setup

Plugin for Magento 1

Installation of the Plugin

Unzip the plugin file and copy the inner files to root of Magento folder

Magento Issue Fix

for version 2.3.3 to version 2.3.5, here is our approach to fix the issue, just for reference.

Modification of select-payment-method.js

Go to Magento path, find the file:

vendor/magento/module-checkout/view/frontend/web/js/action/select-payment-method.js

Open select-payment-method.js and Change file as below,

 vi /var/www/magento/vendor/magento/module-checkout/view/frontend/web/js/action/select-payment-method.js

Original:

define([
    '../model/quote'
], function (quote) {
    'use strict';

    return function (paymentMethod) {
        if (paymentMethod) {
            paymentMethod.__disableTmpl = {
                title: true
            };
        }
        quote.paymentMethod(paymentMethod);
    };
});

New:

define([
    '../model/quote'
], function (quote) {
    'use strict';

    return function (paymentMethod) {
        /*if (paymentMethod) {
            paymentMethod.__disableTmpl = {
                title: true
            };
        }*/
        quote.paymentMethod(paymentMethod);
    };
});

Under magento system root folder, run the following magneto commands

$ sudo php bin/magento setup:upgrade
$ sudo php bin/magento setup:di:compile

Restart the web server as below,

$ sudo systemctl restart httpd

Plugin for Magento 1 setup

Plugin for Magento 1

Installation of the Plugin

Unzip the plugin file and copy the inner files to root of Magento folder

Click two of 'Flush' buttons below to clean the cache of Magento (System – Cache Management)

Configuration of the plugin

Re-login and open System Configuration Payment Methods. There are WeChat and Alipay Payment methods, fill the form and save.

Create product in Catalog Manage Products

Add customer in Customers Manage Customers

Payment Flow of the Plugin

Create New Order in Sales

WeChat and Alipay’s payment method will be displayed as below, choose one

After placed order, you will see QR code, and you will see the order status if payment succeed.

The order information will be displayed in the Sales Orders

Magento PlugIns

Support both of PC-Browser and Mobile-Browser/WebChat-Browser on Alipay and WeChat Pay

Plugins for Magento 2 Setup

Download of PlugIn Installation kit from the following URL

As a known issue of Magento Payment Process as per the following KB,

This issue is with Magento system from 2.3.3 to 2.3.5 latest version. it is suggested to apply the fix of issue if you are using the above system versions.

Note: OTT plugin package current version 2 provided the fix resolution already, you need not apply the fix anymore.

Here is our approach to fix the issue, just for reference.

Installation of the Plugins

Step1: Upload the files to the app/code directory, the directory structure: app/code/Ottpay/…

Step2: Check current status of installed modules/plug-ins

Go to the root directory of the Magento website, run the following command:

sudo php bin/magento module:status

Then you will see Ottpay_Alipay and Ottpay_WeChat are not activated.

Step3: Activate the Plugins of Ottpay_Alipay and Ottpay_WeChat

sudo php bin/magento module:enable Ottpay_Alipay Ottpay_Wechat

[ryanl@localhost magento]$pwd
/var/www/magento
[ryanl@localhost magento]$ sudo php bin/magento module:enable Ottpay_Alipay Ottpay_Wechat

The following modules have been enabled:
- Ottpay_Alipay
- Ottpay_Wechat

To make sure that the enabled modules are properly registered, run 'setup:upgrade'.
Cache cleared successfully.
Generated classes cleared successfully. Please run the 'setup:di:compile' command to generate classes.
Info: Some modules might require static view files to be cleared. To do this, run 'module:enable' with the --clear-static-content option to clear them.

Step4: To make sure that the enabled modules are properly registered, run 'setup:upgrade'

sudo php bin/magento setup:upgrade

[ryanl@localhost magento]$pwd
/var/www/magento
[ryanl@localhost magento]$ sudo php bin/magento setup:upgrade

Cache cleared successfully
File system cleanup:
/var/www/magento/generated/code/Composer
/var/www/magento/generated/code/Dotdigitalgroup
/var/www/magento/generated/code/MSP
/var/www/magento/generated/code/Magento
/var/www/magento/generated/code/Symfony
/var/www/magento/generated/code/Yotpo
The directory '/var/www/magento/generated/metadata/' doesn't exist - skipping cleanup
/var/www/magento/pub/static/adminhtml
/var/www/magento/pub/static/deployed_version.txt
/var/www/magento/pub/static/frontend
/var/www/magento/var/view_preprocessed/pub
Updating modules:
Schema creation/updates:
Module 'Magento_AdminAnalytics':
Module 'Magento_Store':
Module 'Magento_AdobeIms':
Module 'Magento_AdobeImsApi':
Module 'Magento_AdobeStockAdminUi':
Module 'Magento_MediaGallery':
Module 'Magento_AdobeStockAssetApi':
Module 'Magento_AdobeStockClient':
Module 'Magento_AdobeStockClientApi':
Module 'Magento_AdobeStockImage':


Running schema recurring...


Module 'Amazon_Core':
Module 'Amazon_Login':
Module 'Amazon_Payment':
Module 'Dotdigitalgroup_Email':
Module 'Dotdigitalgroup_Chat':
Module 'Klarna_Core':
Module 'Klarna_Ordermanagement':
Module 'Klarna_Kp':
Module 'Magento_PaypalReCaptcha':
Module 'MSP_TwoFactorAuth':
Module 'Ottpay_Alipay':
Module 'Ottpay_Wechat':
Module 'Temando_ShippingRemover':
Module 'Vertex_Tax':
Module 'Vertex_AddressValidation':
Module 'Yotpo_Yotpo':
Enabling caches:
Current status:
Array
(
    [layout] => 1
    [block_html] => 1
    [full_page] => 1
)

Configuration of the Plugins

Go to Magento Website Admin > Stores > Configuration > Sales > Payment Methods

Open Ottpay Settings-Alipay to fill in the configuration information with merchant ID and Operator ID, Merchant Code, Sign key. Please contact Ottpay BD team to get them once singed the service contract.

Open Ottpay Settings-WeChat to fill in the configuration information with merchant ID and Operator ID, Merchant Code, Sign key. Please contact Ottpay BD team to get them once singed the service contract.

Payment Process Flow

Select Payment Methods (WeChat Pay /Ali Pay) as below, and Place Order

Scan the following QR Code displayed, by using WeChat Pay /Ali Pay mobile app

Once finished payment process with WeChat Pay /Ali Pay mobile app, you will see the result information from Magento system.

[ryanl@localhost magento]$pwd
/var/www/magento
[ryanl@localhost magento]$ sudo php bin/magento setup:upgrade

Cache cleared successfully
File system cleanup:
/var/www/magento/generated/code/Composer
/var/www/magento/generated/code/Dotdigitalgroup
/var/www/magento/generated/code/MSP
/var/www/magento/generated/code/Magento
/var/www/magento/generated/code/Symfony
/var/www/magento/generated/code/Yotpo
The directory '/var/www/magento/generated/metadata/' doesn't exist - skipping cleanup
/var/www/magento/pub/static/adminhtml
/var/www/magento/pub/static/deployed_version.txt
/var/www/magento/pub/static/frontend
/var/www/magento/var/view_preprocessed/pub
Updating modules:
Schema creation/updates:
Module 'Magento_AdminAnalytics':
Module 'Magento_Store':
Module 'Magento_AdobeIms':
Module 'Magento_AdobeImsApi':
Module 'Magento_AdobeStockAdminUi':
Module 'Magento_MediaGallery':
Module 'Magento_AdobeStockAssetApi':
Module 'Magento_AdobeStockClient':
Module 'Magento_AdobeStockClientApi':
Module 'Magento_AdobeStockImage':


Running schema recurring...


Module 'Amazon_Core':
Module 'Amazon_Login':
Module 'Amazon_Payment':
Module 'Dotdigitalgroup_Email':
Module 'Dotdigitalgroup_Chat':
Module 'Klarna_Core':
Module 'Klarna_Ordermanagement':
Module 'Klarna_Kp':
Module 'Magento_PaypalReCaptcha':
Module 'MSP_TwoFactorAuth':
Module 'Ottpay_Alipay':
Module 'Ottpay_Wechat':
Module 'Temando_ShippingRemover':
Module 'Vertex_Tax':
Module 'Vertex_AddressValidation':
Module 'Yotpo_Yotpo':
Enabling caches:
Current status:
Array
(
    [layout] => 1
    [block_html] => 1
    [full_page] => 1
)