Ttdfjt

I want to add one extra text field in checkout billing form and also save that field data in order so I can show that field data in admin order view and also in order email.

I already tried to add in shipping and it works properly but I want to add in billing.

Please help me.

Step 1: Create File: Adamsmage/Checkoutattribute/Setup/InstallData.php

<?php
namespace AdamsmageCheckoutattributeSetup;

use MagentoFrameworkSetupInstallDataInterface;
use MagentoFrameworkSetupModuleContextInterface;
use MagentoFrameworkSetupModuleDataSetupInterface;
use MagentoCustomerModelCustomer;
use MagentoCustomerSetupCustomerSetupFactory;

class InstallData implements InstallDataInterface


 private $customerSetupFactory;

 /**
 * Constructor
 *
 * @param MagentoCustomerSetupCustomerSetupFactory $customerSetupFactory
 */
 public function __construct(
 CustomerSetupFactory $customerSetupFactory
 ) 
 $this->customerSetupFactory = $customerSetupFactory;
 

 /**
 * @inheritdoc
 */
 public function install(
 ModuleDataSetupInterface $setup,
 ModuleContextInterface $context
 ) 
 $customerSetup = $this->customerSetupFactory->create(['setup' => $setup]);

 $customerSetup->addAttribute('customer_address', 'example', [
 'label' => 'example',
 'input' => 'text',
 'type' => 'varchar',
 'source' => '',
 'required' => false,
 'position' => 333,
 'visible' => true,
 'system' => false,
 'is_used_in_grid' => false,
 'is_visible_in_grid' => false,
 'is_filterable_in_grid' => false,
 'is_searchable_in_grid' => false,
 'backend' => ''
 ]);


 $attribute = $customerSetup->getEavConfig()->getAttribute('customer_address', 'example')
 ->addData(['used_in_forms' => [
 'customer_address_edit',
 'customer_register_address'
 ]]);
 $attribute->save();

 $installer->getConnection()->addColumn(
 $installer->getTable('quote_address'),
 'example',
 [
 'type' => 'varchar',
 'length' => 255
 ]
 );

 $installer->getConnection()->addColumn(
 $installer->getTable('sales_order_address'),
 'example',
 [
 'type' => 'varchar',
 'length' => 255
 ]
 );
 

Step 2: Create File: Adamsmage/Checkoutattribute/etc/extension_attributes.xml

<?xml version="1.0" ?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Api/etc/extension_attributes.xsd">
 <extension_attributes for="MagentoCustomerApiDataAddressInterface">
 <attribute code="example" type="string"/>
 </extension_attributes>
</config>

Step 3: Create File: Adamsmage/Checkoutattribute/etc/frontend/di.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
 <type name="MagentoCheckoutBlockOnepage">
 <arguments>
 <argument name="layoutProcessors" xsi:type="array">
 <item name="adamsmage_extra_checkout_address_fields_layoutprocessor" xsi:type="object">AdamsmageCheckoutattributeBlockCheckoutLayoutProcessor</item>
 </argument>
 </arguments>
 </type>
</config>

Step4 : Create File: Adamsmage/Checkoutattribute/Block/Checkout/LayoutProcessor.php

<?php

namespace AdamsmageCheckoutattributeBlockCheckout;

class LayoutProcessor implements MagentoCheckoutBlockCheckoutLayoutProcessorInterface
{

 public function process($result) 
 $result = $this->getShippingFormFields($result);
 $result = $this->getBillingFormFields($result);
 return $result;
 

 public function getAdditionalFields($addressType='shipping')
 if($addressType=='shipping') 
 return ['example'];
 
 return ['example'];
 

 public function getShippingFormFields($result)
 if(isset($result['components']['checkout']['children']['steps']['children']
 ['shipping-step']['children']['shippingAddress']['children']
 ['shipping-address-fieldset'])
 )

 $shippingPostcodeFields = $this->getFields('shippingAddress.custom_attributes','shipping');

 $shippingFields = $result['components']['checkout']['children']['steps']['children']
 ['shipping-step']['children']['shippingAddress']['children']
 ['shipping-address-fieldset']['children'];

 if(isset($shippingFields['street']))
 unset($shippingFields['street']['children'][1]['validation']);
 unset($shippingFields['street']['children'][2]['validation']);
 

 $shippingFields = array_replace_recursive($shippingFields,$shippingPostcodeFields);

 $result['components']['checkout']['children']['steps']['children']
 ['shipping-step']['children']['shippingAddress']['children']
 ['shipping-address-fieldset']['children'] = $shippingFields;

 

 return $result;
 

 public function getBillingFormFields($result)
 if(isset($result['components']['checkout']['children']['steps']['children']
 ['billing-step']['children']['payment']['children']
 ['payments-list'])) 

 $paymentForms = $result['components']['checkout']['children']['steps']['children']
 ['billing-step']['children']['payment']['children']
 ['payments-list']['children'];

 foreach ($paymentForms as $paymentMethodForm => $paymentMethodValue) 

 $paymentMethodCode = str_replace('-form', '', $paymentMethodForm);

 if (!isset($result['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['payments-list']['children'][$paymentMethodCode . '-form'])) 
 continue;
 

 $billingFields = $result['components']['checkout']['children']['steps']['children']
 ['billing-step']['children']['payment']['children']
 ['payments-list']['children'][$paymentMethodCode . '-form']['children']['form-fields']['children'];

 $billingPostcodeFields = $this->getFields('billingAddress' . $paymentMethodCode . '.custom_attributes','billing');

 $billingFields = array_replace_recursive($billingFields, $billingPostcodeFields);

 $result['components']['checkout']['children']['steps']['children']
 ['billing-step']['children']['payment']['children']
 ['payments-list']['children'][$paymentMethodCode . '-form']['children']['form-fields']['children'] = $billingFields;
 
 

 return $result;
 

 public function getFields($scope,$addressType)
 $fields = [];
 foreach($this->getAdditionalFields($addressType) as $field)
 $fields[$field] = $this->getField($field,$scope);
 
 return $fields;
 

 public function getField($attributeCode,$scope) 
 $field = [
 'config' => [
 'customScope' => $scope,
 ],
 'dataScope' => $scope . '.'.$attributeCode,
 ];

 return $field;
 

Step5 : Modify file: Adamsmage/Checkoutattribute/etc/module.xml

<?xml version="1.0" ?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
 <module name="Adamsmage_Checkoutattribute" setup_version="1.0.0">
 <sequence>
 <module name="Magento_Checkout"/>
 </sequence>
 </module>
</config>

Step6 : Create file: Adamsmage/Checkoutattribute/view/frontend/requirejs-config.js

var config = 
 config: 
 mixins: 
 'Magento_Checkout/js/action/set-billing-address': 
 'Adamsmage_Checkoutattribute/js/action/set-billing-address-mixin': true
 ,
 'Magento_Checkout/js/action/set-shipping-information': 
 'Adamsmage_Checkoutattribute/js/action/set-shipping-information-mixin': true
 ,
 'Magento_Checkout/js/action/create-shipping-address': 
 'Adamsmage_Checkoutattribute/js/action/create-shipping-address-mixin': true
 ,
 'Magento_Checkout/js/action/place-order': 
 'Adamsmage_Checkoutattribute/js/action/set-billing-address-mixin': true
 ,
 'Magento_Checkout/js/action/create-billing-address': 
 'Adamsmage_Checkoutattribute/js/action/set-billing-address-mixin': true
 
 
 
;

Step7 : Create file: Adamsmage/Checkoutattribute/view/frontend/web/js/action/create-shipping-address-mixin.js

define([
 'jquery',
 'mage/utils/wrapper',
 'Magento_Checkout/js/model/quote'
], function ($, wrapper,quote) 
 'use strict';

 return function (setShippingInformationAction) 
 return wrapper.wrap(setShippingInformationAction, function (originalAction, messageContainer) 

 if (messageContainer.custom_attributes != undefined) 
 $.each(messageContainer.custom_attributes , function( key, value ) 
 messageContainer['custom_attributes'][key] = 'attribute_code':key,'value':value;
 );
 

 return originalAction(messageContainer);
 );
 ;
);

Step8 : Create file: view/frontend/web/js/action/set-billing-address-mixin.js

define([
 'jquery',
 'mage/utils/wrapper',
 'Magento_Checkout/js/model/quote'
], function ($, wrapper,quote) 
 'use strict';

 return function (setBillingAddressAction) 
 return wrapper.wrap(setBillingAddressAction, function (originalAction, messageContainer) 

 var billingAddress = quote.billingAddress();

 if(billingAddress != undefined) 

 if (billingAddress['extension_attributes'] === undefined) 
 billingAddress['extension_attributes'] = ;
 

 if (billingAddress.customAttributes != undefined) 
 $.each(billingAddress.customAttributes, function (key, value) 

 if($.isPlainObject(value))
 value = value['value'];
 

 billingAddress['extension_attributes'][key] = value;
 );
 

 

 return originalAction(messageContainer);
 );
 ;
);

Step9 : Create file: Adamsmage/Checkoutattribute/view/frontend/web/js/action/set-shipping-information-mixin.js

define([
 'jquery',
 'mage/utils/wrapper',
 'Magento_Checkout/js/model/quote'
], function ($, wrapper,quote) 
 'use strict';

 return function (setShippingInformationAction) 
 return wrapper.wrap(setShippingInformationAction, function (originalAction, messageContainer) 

 var shippingAddress = quote.shippingAddress();

 if (shippingAddress['extension_attributes'] === undefined) 
 shippingAddress['extension_attributes'] = ;
 

 if (shippingAddress.customAttributes != undefined) 
 $.each(shippingAddress.customAttributes , function( key, value ) 

 if($.isPlainObject(value))
 value = value['value'];
 

 shippingAddress['customAttributes'][key] = value;
 shippingAddress['extension_attributes'][key] = value;

 );
 

 return originalAction(messageContainer);
 );
 ;
);

Step10 : Create file: Adamsmage/Checkoutattribute/etc/di.xml

<?xml version="1.0" ?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
 <type name="MagentoQuoteModelBillingAddressManagement">
 <plugin disabled="false" name="Adamsmage_Checkoutattribute_Plugin_Magento_Quote_Model_BillingAddressManagement" sortOrder="10" type="Adamsmage_CheckoutattributePluginMagentoQuoteModelBillingAddressManagement"/>
 </type>
 <type name="MagentoQuoteModelShippingAddressManagement">
 <plugin disabled="false" name="Adamsmage_Checkoutattribute_Plugin_Magento_Quote_Model_ShippingAddressManagement" sortOrder="10" type="Adamsmage_CheckoutattributePluginMagentoQuoteModelShippingAddressManagement"/>
 </type>
</config>

Step11 : Create file: Adamsmage/Checkoutattribute/Plugin/Magento/Quote/Model/BillingAddressManagement.php

<?php


namespace AdamsmageCheckoutattributePluginMagentoQuoteModel;

class BillingAddressManagement


 protected $logger;

 public function __construct(
 PsrLogLoggerInterface $logger
 ) 
 $this->logger = $logger;
 

 public function beforeAssign(
 MagentoQuoteModelBillingAddressManagement $subject,
 $cartId,
 MagentoQuoteApiDataAddressInterface $address,
 $useForShipping = false
 ) 

 $extAttributes = $address->getExtensionAttributes();
 if (!empty($extAttributes)) 

 try 
 $address->setExample($extAttributes->getExample());
 catch (Exception $e) 
 $this->logger->critical($e->getMessage());
 

 

 

Step12 : Create file: Adamsmage/Checkoutattribute/Plugin/Magento/Quote/Model/ShippingAddressManagement.php

<?php


namespace AdamsmageAdamsmage_CheckoutattributePluginMagentoQuoteModel;

class ShippingAddressManagement


 protected $logger;

 public function __construct(
 PsrLogLoggerInterface $logger
 ) 
 $this->logger = $logger;
 

 public function beforeAssign(
 MagentoQuoteModelShippingAddressManagement $subject,
 $cartId,
 MagentoQuoteApiDataAddressInterface $address
 ) 

 $extAttributes = $address->getExtensionAttributes();
 if (!empty($extAttributes)) 

 try 
 $address->setExample($extAttributes->getExample());
 catch (Exception $e) 
 $this->logger->critical($e->getMessage());