Hello Magento Friends,
In this blog, we will learn about How to Add Custom Notice on Billing Address and Shipping Address Phone No Field in Magento 2.
The customer’s phone numbers are very valuable. Getting customer phone numbers during order placement helps to contact them for any delivery issue or future communication.
You can set the phone number input field format on the checkout page using Input Mask in Checkout Telephone Field in Magento 2.
Set custom instructions for the phone number field input on the billing and shipping addresses in Magento 2 using the steps below.
Contents
Steps to Add Custom Notice on Billing Address and Shipping Address Phone No Field in Magento 2:
Step 1: Go to the below file path
app\code\Vendor\Extension\etc\di.xml
Now add the code as given below
1 2 3 4 5 6 |
<?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="Magento\Checkout\Block\Checkout\LayoutProcessor"> <plugin name="rewrite-checkout-fields" type="Vendor\Extension\Model\Checkout\LayoutProcessorplugin" sortOrder="10"/> </type> </config> |
Step 2: Now move to the following file path
app\code\Vendor\Extension\Model\Checkout\LayoutProcessorplugin.php
Then add the code as follows
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<?php namespace Vendor\Extension\Model\Checkout; class LayoutProcessorplugin { public function afterProcess( \Magento\Checkout\Block\Checkout\LayoutProcessor $subject, array $jsLayout ) { $jsLayout['components']['checkout']['children']['steps']['children']['shipping-step'] ['children']['shippingAddress']['children']['shipping-address-fieldset']['children']['telephone']['notice'] = __('Enter Number With Country code & without any sign. e.g:-(91xxxxxxx09)'); if (isset($jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children'] ['payment']['children']['payments-list']['children'])) { foreach ($jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['payments-list']['children'] as $key => $payment) { $jsLayout['components']['checkout']['children']['steps']['children']['billing-step']['children']['payment']['children']['payments-list']['children'][$key]['children']['form-fields']['children']['telephone']['notice'] = __('Enter Number With Country code & without any sign. e.g:-(91xxxxxxx09)'); } } return $jsLayout; } } |
Step 3: After that, run the below commands
1 2 |
php bin/magento setup:di:compile php bin/magento cache:flush |
Conclusion:
Hopefully, using the above method, you can Add Custom Notice on Billing Address and Shipping Address Phone No Field in Magento 2. If you have any difficulty, share the problem with me through the comment box. Stay in touch with us for Magento Customization.
Happy Coding!