Am Trying To Create A New Online Payment Gateway Module In Magento.

To Get Started Am Using Sample Payment Module Form Git Hub, My Stripe.html

<div class="payment-method" data-bind="css: {'_active': (getCode() == isChecked())}">
    <div class="payment-method-title field choice">
        <input type="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 class="payment-method-content">
        <!-- ko foreach: getRegion('messages') -->
        <!-- ko template: getTemplate() --><!-- /ko -->
        <div class="payment-method-billing-address">
            <!-- ko foreach: $parent.getRegion(getBillingAddressFormName()) -->
            <!-- ko template: getTemplate() --><!-- /ko -->

        <form class="form" data-bind="attr: {'id': getCode() + '-form'}">
            <!-- ko template: 'Magento_Payment/payment/cc-form' --><!-- /ko -->

        <div class="checkout-agreements-block">
            <!-- ko foreach: $parent.getRegion('before-place-order') -->
            <!-- ko template: getTemplate() --><!-- /ko -->
        <div class="actions-toolbar">
            <div class="primary">
                <button class="action primary checkout"
                        click: placeOrder,
                        attr: {title: $t('Place Order')},
                        css: {disabled: !isPlaceOrderActionAllowed()},
                        enable: (getCode() == isChecked())
                    <span data-bind="text: $t('Place Order')"></span>


    function (Component, $) {
        'use strict';

        return Component.extend({
            defaults: {
                template: 'Gssi_Icanpay/payment/stripe'

            getCode: function() {
                return 'stripe';

            isActive: function() {
                return true;

            validate: function() {
                var $form = $('#' + this.getCode() + '-form');
                return $form.validation() && $form.validation('isValid');

Now I Need Help On Showing Credit Card From In Checkout Page, Which Is By Default Not Available. I Have Used CC-Form But It is Not Showing cvv,Months And Year field.

Can any one help me on this problem? Any references or suggestions are highly appreciated.Thanks

1 Answer 1


You require js, that's why you are not getting cvv and labels. Check this js file : vendor\magento\module-payment\view\frontend\web\js\view\payment\cc-form.js and also etc->frontend-di.xml and follow the same as in payment module

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.