Sometimes we need to add some custom variables to the Window.checkoutConfig which we can get on checkout page and can use to implement some custom functionality or develop some custom logic. So here I am going to explain how you can add custom variable to Window.checkoutConfig.<\/p>\n
Here, I am using my custom module \u2013 Ht_Mymodule<\/p>\n
First, create di.xml in your module and add following code in it.<\/p>\n
File Path: app\/code\/Ht\/Mymodule\/etc\/frontend\/di.xml<\/p>\n
<?xml version=\"1.0\"?>\r\n\r\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:framework:ObjectManager\/etc\/config.xsd\">\r\n <type name=\"Magento\\Checkout\\Model\\CompositeConfigProvider\">\r\n <arguments>\r\n <argument name=\"configProviders\" xsi:type=\"array\">\r\n <item name=\"more_config_provider\" xsi:type=\"object\">Ht\\Mymodule\\Model\\Checkout\\MoreConfigProvider<\/item>\r\n <\/argument>\r\n <\/arguments>\r\n <\/type>\r\n<\/config><\/pre>\nCreate MoreConfigProvider.php<\/p>\n
File Path: app\/code\/Model\/Checkout\/MoreConfigProvider.php<\/p>\n
<?php\r\n\r\nnamespace Ht\\Mymodule\\Model\\Checkout;\r\n\r\nclass MoreConfigProvider implements \\Magento\\Checkout\\Model\\ConfigProviderInterface \r\n{\r\n public function getConfig() {\r\n $output['custom_data'] = 'your data value';\r\n return $output;\r\n }\r\n}<\/pre>\nNow, inside your knockout js file, You can get value like,<\/p>\n
var customData = window.checkoutConfig.custom_data;\r\nconsole.log(customData);<\/pre>\n<\/p>\n","protected":false},"excerpt":{"rendered":"
Sometimes we need to add some custom variables to the Window.checkoutConfig which we can get on checkout page and can use to implement some custom functionality or develop some custom logic. So here I am going to explain how you can add custom variable to Window.checkoutConfig. Here, I am using my custom module \u2013 Ht_Mymodule… <\/p>\n