How to save entered in particular shipping method in database in magento 2?

I am trying to create one shipping method module which has custom field named 'account no'.

So far I Have done this.
enter image description here

When user clicks on custom shipping, Input box is coming up.Now I am stuck in how to save data in database.

Here is my code,

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="shipping-step" xsi:type="array">

                                            <item name="children" xsi:type="array">

                                                <item name="shippingAddress" xsi:type="array">

                                                    <item name="children" xsi:type="array">

                                                        <item name="shippingAdditional" xsi:type="array">

                                                            <item name="component" xsi:type="string">uiComponent</item>

                                                            <item name="displayArea" xsi:type="string">shippingAdditional</item>

                                                            <item name="children" xsi:type="array">

                                                                <item name="carrier_custom" xsi:type="array">

                                                                    <item name="component" xsi:type="string">SR_AdditionalShippingBlock/js/view/checkout/shipping/carrier_custom</item>

                                                                </item>

                                                            </item>

                                                        </item>

                                                    </item>

                                                </item>

                                            </item>

                                        </item>

                                    </item>

                                </item>

                            </item>

                        </item>

                    </item>

                </argument>

            </arguments>

        </referenceBlock>

    </body>

</page>

view/frontend/web/js/view/checkout/shipping/carrier_custom.js

define([

    'jquery',

    'ko',

    'uiComponent',

    'Magento_Checkout/js/model/quote'

], function ($, ko, Component, quote) {

    'use strict';



    return Component.extend({

        defaults: {

            template: 'Vendor_Module/checkout/shipping/carrier_custom'

        },



        initObservable: function () {



            this.selectedMethod = ko.computed(function() {

                var method = quote.shippingMethod();

                var selectedMethod = method != null ? method.carrier_code + '_' + method.method_code : null;

                return selectedMethod;

            }, this);



            return this;

        },

    });

});

view/frontend/web/template/view/checkout/shipping/carrier_custom.html

<div id="my-carrier-custom-block-wrapper" data-bind="visible: selectedMethod() == 'mpcustomshipping_mpcustomshipping'">

    <div data-bind="visible: canVisibleBlock">

    Account Number

    <input type="text">

</div>

<br/>

</div>

Model/CustomBlockConfigProvider.php

<?php

namespace vendormoduleModel;



use MagentoCheckoutModelConfigProviderInterface;

use MagentoStoreModelScopeInterface;



class CustomBlockConfigProvider implements ConfigProviderInterface

{

    /**

     * @var MagentoFrameworkAppConfigScopeConfigInterface

     */

    protected $scopeConfiguration;





    /**

     * @param MagentoFrameworkAppConfigScopeConfigInterface $scopeConfiguration

     * @codeCoverageIgnore

     */

    public function __construct(

        MagentoFrameworkAppConfigScopeConfigInterface $scopeConfiguration

    ) {

        $this->scopeConfiguration = $scopeConfiguration;

    }



    /**

     * {@inheritdoc}

     */

    public function getConfig()

    {

        $showHide = ;

        $enabled = $this->scopeConfiguration->getValue('sr_block_config/general/enabled', ScopeInterface::SCOPE_STORE);

        $showHide['show_hide_custom_block'] = ($enabled)?true:false;

        return $showHide;

    }

}

edited 2 days ago

asked 2 days ago

Bhakti Thakkar

48114

add a comment |

I am trying to create one shipping method module which has custom field named 'account no'.

So far I Have done this.
enter image description here

When user clicks on custom shipping, Input box is coming up.Now I am stuck in how to save data in database.

Here is my code,

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="shipping-step" xsi:type="array">

                                            <item name="children" xsi:type="array">

                                                <item name="shippingAddress" xsi:type="array">

                                                    <item name="children" xsi:type="array">

                                                        <item name="shippingAdditional" xsi:type="array">

                                                            <item name="component" xsi:type="string">uiComponent</item>

                                                            <item name="displayArea" xsi:type="string">shippingAdditional</item>

                                                            <item name="children" xsi:type="array">

                                                                <item name="carrier_custom" xsi:type="array">

                                                                    <item name="component" xsi:type="string">SR_AdditionalShippingBlock/js/view/checkout/shipping/carrier_custom</item>

                                                                </item>

                                                            </item>

                                                        </item>

                                                    </item>

                                                </item>

                                            </item>

                                        </item>

                                    </item>

                                </item>

                            </item>

                        </item>

                    </item>

                </argument>

            </arguments>

        </referenceBlock>

    </body>

</page>

view/frontend/web/js/view/checkout/shipping/carrier_custom.js

define([

    'jquery',

    'ko',

    'uiComponent',

    'Magento_Checkout/js/model/quote'

], function ($, ko, Component, quote) {

    'use strict';



    return Component.extend({

        defaults: {

            template: 'Vendor_Module/checkout/shipping/carrier_custom'

        },



        initObservable: function () {



            this.selectedMethod = ko.computed(function() {

                var method = quote.shippingMethod();

                var selectedMethod = method != null ? method.carrier_code + '_' + method.method_code : null;

                return selectedMethod;

            }, this);



            return this;

        },

    });

});

view/frontend/web/template/view/checkout/shipping/carrier_custom.html

<div id="my-carrier-custom-block-wrapper" data-bind="visible: selectedMethod() == 'mpcustomshipping_mpcustomshipping'">

    <div data-bind="visible: canVisibleBlock">

    Account Number

    <input type="text">

</div>

<br/>

</div>

Model/CustomBlockConfigProvider.php

<?php

namespace vendormoduleModel;



use MagentoCheckoutModelConfigProviderInterface;

use MagentoStoreModelScopeInterface;



class CustomBlockConfigProvider implements ConfigProviderInterface

{

    /**

     * @var MagentoFrameworkAppConfigScopeConfigInterface

     */

    protected $scopeConfiguration;





    /**

     * @param MagentoFrameworkAppConfigScopeConfigInterface $scopeConfiguration

     * @codeCoverageIgnore

     */

    public function __construct(

        MagentoFrameworkAppConfigScopeConfigInterface $scopeConfiguration

    ) {

        $this->scopeConfiguration = $scopeConfiguration;

    }



    /**

     * {@inheritdoc}

     */

    public function getConfig()

    {

        $showHide = ;

        $enabled = $this->scopeConfiguration->getValue('sr_block_config/general/enabled', ScopeInterface::SCOPE_STORE);

        $showHide['show_hide_custom_block'] = ($enabled)?true:false;

        return $showHide;

    }

}

edited 2 days ago

asked 2 days ago

Bhakti Thakkar

48114

add a comment |

I am trying to create one shipping method module which has custom field named 'account no'.

So far I Have done this.
enter image description here

When user clicks on custom shipping, Input box is coming up.Now I am stuck in how to save data in database.

Here is my code,

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="shipping-step" xsi:type="array">

                                            <item name="children" xsi:type="array">

                                                <item name="shippingAddress" xsi:type="array">

                                                    <item name="children" xsi:type="array">

                                                        <item name="shippingAdditional" xsi:type="array">

                                                            <item name="component" xsi:type="string">uiComponent</item>

                                                            <item name="displayArea" xsi:type="string">shippingAdditional</item>

                                                            <item name="children" xsi:type="array">

                                                                <item name="carrier_custom" xsi:type="array">

                                                                    <item name="component" xsi:type="string">SR_AdditionalShippingBlock/js/view/checkout/shipping/carrier_custom</item>

                                                                </item>

                                                            </item>

                                                        </item>

                                                    </item>

                                                </item>

                                            </item>

                                        </item>

                                    </item>

                                </item>

                            </item>

                        </item>

                    </item>

                </argument>

            </arguments>

        </referenceBlock>

    </body>

</page>

view/frontend/web/js/view/checkout/shipping/carrier_custom.js

define([

    'jquery',

    'ko',

    'uiComponent',

    'Magento_Checkout/js/model/quote'

], function ($, ko, Component, quote) {

    'use strict';



    return Component.extend({

        defaults: {

            template: 'Vendor_Module/checkout/shipping/carrier_custom'

        },



        initObservable: function () {



            this.selectedMethod = ko.computed(function() {

                var method = quote.shippingMethod();

                var selectedMethod = method != null ? method.carrier_code + '_' + method.method_code : null;

                return selectedMethod;

            }, this);



            return this;

        },

    });

});

view/frontend/web/template/view/checkout/shipping/carrier_custom.html

<div id="my-carrier-custom-block-wrapper" data-bind="visible: selectedMethod() == 'mpcustomshipping_mpcustomshipping'">

    <div data-bind="visible: canVisibleBlock">

    Account Number

    <input type="text">

</div>

<br/>

</div>

Model/CustomBlockConfigProvider.php

<?php

namespace vendormoduleModel;



use MagentoCheckoutModelConfigProviderInterface;

use MagentoStoreModelScopeInterface;



class CustomBlockConfigProvider implements ConfigProviderInterface

{

    /**

     * @var MagentoFrameworkAppConfigScopeConfigInterface

     */

    protected $scopeConfiguration;





    /**

     * @param MagentoFrameworkAppConfigScopeConfigInterface $scopeConfiguration

     * @codeCoverageIgnore

     */

    public function __construct(

        MagentoFrameworkAppConfigScopeConfigInterface $scopeConfiguration

    ) {

        $this->scopeConfiguration = $scopeConfiguration;

    }



    /**

     * {@inheritdoc}

     */

    public function getConfig()

    {

        $showHide = ;

        $enabled = $this->scopeConfiguration->getValue('sr_block_config/general/enabled', ScopeInterface::SCOPE_STORE);

        $showHide['show_hide_custom_block'] = ($enabled)?true:false;

        return $showHide;

    }

}

edited 2 days ago

asked 2 days ago

Bhakti Thakkar

48114

I am trying to create one shipping method module which has custom field named 'account no'.

So far I Have done this.
enter image description here

When user clicks on custom shipping, Input box is coming up.Now I am stuck in how to save data in database.

Here is my code,

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="shipping-step" xsi:type="array">

                                            <item name="children" xsi:type="array">

                                                <item name="shippingAddress" xsi:type="array">

                                                    <item name="children" xsi:type="array">

                                                        <item name="shippingAdditional" xsi:type="array">

                                                            <item name="component" xsi:type="string">uiComponent</item>

                                                            <item name="displayArea" xsi:type="string">shippingAdditional</item>

                                                            <item name="children" xsi:type="array">

                                                                <item name="carrier_custom" xsi:type="array">

                                                                    <item name="component" xsi:type="string">SR_AdditionalShippingBlock/js/view/checkout/shipping/carrier_custom</item>

                                                                </item>

                                                            </item>

                                                        </item>

                                                    </item>

                                                </item>

                                            </item>

                                        </item>

                                    </item>

                                </item>

                            </item>

                        </item>

                    </item>

                </argument>

            </arguments>

        </referenceBlock>

    </body>

</page>

view/frontend/web/js/view/checkout/shipping/carrier_custom.js

define([

    'jquery',

    'ko',

    'uiComponent',

    'Magento_Checkout/js/model/quote'

], function ($, ko, Component, quote) {

    'use strict';



    return Component.extend({

        defaults: {

            template: 'Vendor_Module/checkout/shipping/carrier_custom'

        },



        initObservable: function () {



            this.selectedMethod = ko.computed(function() {

                var method = quote.shippingMethod();

                var selectedMethod = method != null ? method.carrier_code + '_' + method.method_code : null;

                return selectedMethod;

            }, this);



            return this;

        },

    });

});

view/frontend/web/template/view/checkout/shipping/carrier_custom.html

<div id="my-carrier-custom-block-wrapper" data-bind="visible: selectedMethod() == 'mpcustomshipping_mpcustomshipping'">

    <div data-bind="visible: canVisibleBlock">

    Account Number

    <input type="text">

</div>

<br/>

</div>

Model/CustomBlockConfigProvider.php

<?php

namespace vendormoduleModel;



use MagentoCheckoutModelConfigProviderInterface;

use MagentoStoreModelScopeInterface;



class CustomBlockConfigProvider implements ConfigProviderInterface

{

    /**

     * @var MagentoFrameworkAppConfigScopeConfigInterface

     */

    protected $scopeConfiguration;





    /**

     * @param MagentoFrameworkAppConfigScopeConfigInterface $scopeConfiguration

     * @codeCoverageIgnore

     */

    public function __construct(

        MagentoFrameworkAppConfigScopeConfigInterface $scopeConfiguration

    ) {

        $this->scopeConfiguration = $scopeConfiguration;

    }



    /**

     * {@inheritdoc}

     */

    public function getConfig()

    {

        $showHide = ;

        $enabled = $this->scopeConfiguration->getValue('sr_block_config/general/enabled', ScopeInterface::SCOPE_STORE);

        $showHide['show_hide_custom_block'] = ($enabled)?true:false;

        return $showHide;

    }

}

magento2 database custom-options shipping-methods

edited 2 days ago

asked 2 days ago

Bhakti Thakkar

48114

edited 2 days ago

asked 2 days ago

Bhakti Thakkar

48114

edited 2 days ago

asked 2 days ago

Bhakti Thakkar

48114

asked 2 days ago

Bhakti Thakkar

48114

asked 2 days ago

Bhakti Thakkar

48114

add a comment |

0

active

oldest

votes

Your Answer

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f257368%2fhow-to-save-entered-in-particular-shipping-method-in-database-in-magento-2%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

0

active

oldest

votes

0

active

oldest

votes

draft saved

draft discarded

Thanks for contributing an answer to Magento Stack Exchange!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Mfrhtyj