magento-2.1magento2payment-methods
i am trying to redirect a user to a custom offline payment method that i have created form one of my phtml file using a button click.
my payment method name is pay by cash.
I have a template where i am listing all the orders.
I want to redirect user to the Pay by Cash payment method and automatically do a place order by Pay by cash method on button click.
please help ! how i can do that.
Change your vendor name 'Test' to 'TestVendor'.
Your confix.xml should be
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../Store/etc/config.xsd">
<default>
<payment>
<testpayment>
<active>1</active>
<title>Testpayment</title>
<order_status>pending_payment</order_status>
<instructions>Instruction.</instructions>
<payment_action>true</payment_action>
<model>TestVendor\TestPayment\Model\Testpayment</model>
<group>offline</group>
</testpayment>
</payment>
</default>
</config>
view/frontend/layout/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">
<item name="children" xsi:type="array">
<item name="steps" xsi:type="array">
<item name="children" xsi:type="array">
<item name="billing-step" xsi:type="array">
<item name="component" xsi:type="string">uiComponent
<item name="children" xsi:type="array">
<item name="payment" xsi:type="array">
<item name="children" xsi:type="array">
<item name="renders" xsi:type="array">
<!-- merge payment method renders here -->
<item name="children" xsi:type="array">
<item name="testpayment" xsi:type="array">
<item name="component" xsi:type="string">TestVendor_TestPayment/js/view/payment/testpayment</item>
<item name="methods" xsi:type="array">
<item name="testpayment" xsi:type="array">
<item name="isBillingAddressRequired" xsi:type="boolean">true</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</item>
</argument>
</arguments>
</referenceBlock>
</body>
</page>
Run setup:upgrade command and clear cache.
Try follwoing way:
TestVendor/TestPayment/view/frontend/web/js/view/payment/method-renderer/testpayment-method.js
/*browser:true*/
/*global define*/
define(
[
'Magento_Checkout/js/view/payment/default',
'Magento_Customer/js/customer-data',
'Magento_Checkout/js/model/quote'
],
function (Component, customerData, quote) {
'use strict';
return Component.extend({
defaults: {
template: 'TestVendor_TestPayment/payment/testpayment'
},
/** Returns send check to info */
getMailingAddress: function() {
return window.checkoutConfig.payment.checkmo.mailingAddress;
},
isDisplayed:function () {
var customer = customerData.get('customer');
console.log(customer().firstname);
var totals = quote.getTotals()();
var grand_total;
if (totals) {
grand_total = totals.grand_total;
} else {
grand_total = quote.grand_total;
}
console.log(grand_total);
return true;
}
});
}
);
TestVendor/TestPayment/view/frontend/web/template/payment/testpayment.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>
<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">
<!-- ko if: isDisplayed() -->
<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="i18n: 'Place Order'">
</button>
<!-- /ko -->
</div>
</div>
</div>
</div>
Run following command
php bin/magento setup:static-content:deploy
Clear cache.
Best Answer
in your "method-renderer" you can redirect to your controller action and from there you can render you phtml template :
file location :
code example :