Hi,
Thank you so much for your responses and help. I tried to make sample Payment Module but I am not able to see my module on checkout page. My module is located in app/code/Mage/Worldnet. Below are my files to render the payment method on checkout page,
checkout-index_index.xml
<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="checkout.root">
<arguments>
<argument name="jsLayout" xsi:type="array">
<item name="components" xsi:type="array">
<item name="checkout" xsi:type="array">
//other items tags here
<!-- merge payment method renders here -->
<item name="children" xsi:type="array">
<item name="worldnet-payments" xsi:type="array">
<item name="component" xsi:type="string">Mage_Worldnet/js/view/payment/worldnet</item>
<item name="methods" xsi:type="array">
<item name="worldnet" xsi:type="array">
<item name="isBillingAddressRequired" xsi:type="boolean">true</item>
**//closing items tags here
</argument>
</arguments>
</referenceBlock>
</body>
</page>
**app/code/Mage/Worldnet/view/frontend/web/js/view/payment/worldnet.js
define(
[
'uiComponent',
'Magento_Checkout/js/model/payment/renderer-list'
],
function (
Component,
rendererList
) {
'use strict';
rendererList.push(
{
type: 'worldnet_standard',
component: 'Mage_Worldnet/js/view/payment/method-renderer/worldnet-standard'
}
);
/** Add view logic here if needed */
return Component.extend({});
}
);
**app/code/Mage/Worldnet/view/frontend/web/js/view/payment/method-renderer/worldnet-standard.js
define(
[ 'jquery',
'Magento_Checkout/js/view/payment/default',
'Magento_Checkout/js/action/set-payment-information',
'Magento_Checkout/js/model/payment/additional-validators',
'Magento_Checkout/js/model/full-screen-loader'
],
function ($, Component, setPaymentInformationAction, additionalValidators, fullScreenLoader) {
'use strict';
return Component.extend({
defaults: {
template: 'Mage_Worldnet/payment/worldnet-standard'
},
placeOrderHandler: null,
validateHandler: null,
setPlaceOrderHandler: function(handler) {
this.placeOrderHandler = handler;
},
setValidateHandler: function(handler) {
this.validateHandler = handler;
},
context: function() {
return this;
},
isShowLegend: function() {
return true;
},
getCode: function() {
return 'worldnet_standard';
},
isActive: function() {
return true;
},
/**
* @override
*/
placeOrder: function () {
var self = this;
this.selectPaymentMethod(); // save selected payment method in Quote
setPaymentMethodAction(this.messageContainer);
return false;
}
});
}
);
**app/code/Mage/Worldnet/view/frontend/web/templates/worldnet-standard.html
<div class="payment-method" data-bind="css: {'_active': (getCode() == isChecked())}">
<div class="payment-method-title field choice">
<input type="radio"
name="payment[method]"
class="radio"
data-bind="attr: {'id': getCode()}, value: getCode(), checked: isChecked, click: selectPaymentMethod, visible: isRadioButtonVisible()"/>
<label data-bind="attr: {'for': getCode()}" class="label"><span data-bind="text: getTitle()"></span></label>
</div>
<div class="payment-method-content">
<!-- ko foreach: getRegion('messages') -->
<!-- ko template: getTemplate() --><!-- /ko -->
<!--/ko-->
<div class="payment-method-billing-address">
<!-- ko foreach: $parent.getRegion(getBillingAddressFormName()) -->
<!-- ko template: getTemplate() --><!-- /ko -->
<!--/ko-->
</div>
<form class="form" data-bind="attr: {'id': getCode() + '-form'}">
<!-- ko template: 'Magento_Payment/payment/cc-form' --><!-- /ko -->
</form>
<div class="checkout-agreements-block">
<!-- ko foreach: $parent.getRegion('before-place-order') -->
<!-- ko template: getTemplate() --><!-- /ko -->
<!--/ko-->
</div>
<div class="actions-toolbar">
<div class="primary">
<button class="action primary checkout"
type="submit"
data-bind="
click: placeOrder,
attr: {title: $t('Place Order')},
css: {disabled: !isPlaceOrderActionAllowed()},
enable: (getCode() == isChecked())
"
disabled>
<span data-bind="text: $t('Place Order')"></span>
</button>
</div>
</div>
</div>
</div>
Please let me know what I am missing here. I am tired of searching this, please help me.
Thanks,
Namita
.