magento 2 remove tool tip icon checkout page
Create plugin for Checkout\LayoutProcessor
app/code/QaisarSatti/HelloWorld/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="Magento\Checkout\Block\Checkout\LayoutProcessor">
<plugin name="helloworld-checkout-process" type="QaisarSatti\HelloWorld\Plugin\LayoutProcessorPlugin" />
</type>
</config>
<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="helloworld-checkout-process" type="QaisarSatti\HelloWorld\Plugin\LayoutProcessorPlugin" />
</type>
</config>
Now create the LayoutProcessorPlugin.php file on following location
app/code/QaisarSatti/HelloWorld/Plugin/LayoutProcessorPlugin.php
namespace QaisarSatti\HelloWorld\Plugin;
use Magento\Checkout\Block\Checkout\LayoutProcessor;
class LayoutProcessorPlugin
{
public function afterProcess(
LayoutProcessor $subject,
$jsLayout
) {
//Remove tooltip for email
unset($jsLayout['components']['checkout']['children']['steps']['children']['shipping-step']
['children']['shippingAddress']['children']['shipping-address-fieldset']['children']['email']['config']['tooltip']);
//Remove tooltip for telephone
unset($jsLayout['components']['checkout']['children']['steps']['children']['shipping-step']
['children']['shippingAddress']['children']['shipping-address-fieldset']['children']['telephone']['config']['tooltip']);
return $jsLayout;
}
}
use Magento\Checkout\Block\Checkout\LayoutProcessor;
class LayoutProcessorPlugin
{
public function afterProcess(
LayoutProcessor $subject,
$jsLayout
) {
//Remove tooltip for email
unset($jsLayout['components']['checkout']['children']['steps']['children']['shipping-step']
['children']['shippingAddress']['children']['shipping-address-fieldset']['children']['email']['config']['tooltip']);
//Remove tooltip for telephone
unset($jsLayout['components']['checkout']['children']['steps']['children']['shipping-step']
['children']['shippingAddress']['children']['shipping-address-fieldset']['children']['telephone']['config']['tooltip']);
return $jsLayout;
}
}
Qaisar Satti
Hi, I'm Qaisar Satti! I've been a developer for over 20 years, and now I love sharing what I've learned through tutorials and guides. Whether you're working with Magento, PrestaShop, or WooCommerce, my goal is to make your development journey a bit easier and more fun. When I'm not coding or writing, you can find me exploring new tech trends and hanging out with the amazing developer community. Thanks for stopping by, and happy coding!
