We often need to add more variables that we need to use on the checkout page at the time of checkout. Here is how we can do that.<\/p>\n\n\n\n
The first step is to add the following code in Vendor\/Module\/etc\/frontend\/di.xml of your custom module –<\/p>\n\n\n\n
<?xml version=\"1.0\"?>\n<config xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n xsi:noNamespaceSchemaLocation=\"urn:magento:framework:ObjectManager\/etc\/config.xsd\">\n <type name=\"Magento\\Checkout\\Model\\CompositeConfigProvider\">\n <arguments>\n <argument name=\"configProviders\" xsi:type=\"array\">\n <item name=\"additional_provider\" xsi:type=\"object\">Webkul\\Test\\Model\\AdditionalConfigVars<\/item>\n <\/argument>\n <\/arguments>\n <\/type>\n<\/config>\n<\/pre>\n\n\n\nAfter this, we will create AdditionalConfigVars.php in Vendor\/Module\/Model and add the following code to it –<\/p>\n\n\n\n
<?php\n\nnamespace Webkul\\Test\\Model;\n\nuse \\Magento\\Checkout\\Model\\ConfigProviderInterface;\n\nclass AdditionalConfigVars implements ConfigProviderInterface\n{\n \u00a0\u00a0public function getConfig()\n \u00a0\u00a0{\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$additionalVariables['test_var'] = 'Test Var';\n \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return $additionalVariables;\n \u00a0\u00a0}\n}\n<\/pre>\n\n\n\nNow all you need to do is flush Magento cache and check ‘window.checkoutConfig.test_var’ in your js on the checkout page. It will return ‘Test Var’.<\/p>\n\n\n\n
This is all for now.<\/p>\n\n\n\n
Suggestions and queries are welcome.<\/p>\n","protected":false},"excerpt":{"rendered":"