Magento2 Header – Add Custom Link Fields in Header Tab

headermagento2

I need to add new custom link fields(chat) in header tab.

For example luma page has these link fields in header page (create account, signup), same header place i want to add chat link in header top, suggest me how to do this.

Best Answer

First of all, go to your custom theme app/desing/frontend/{Vendor}/{theme}/Magento_Theme/layout/default.xml file.

There you will find the below with the links you mentioned, just add the part below for your chat

    <referenceContainer name="header.panel">
            <block class="Magento\Framework\View\Element\Html\Links" name="top.links">
....

                 <block class="Magento\Framework\View\Element\Html\Link\Current" name="my-link1">
                    <arguments>
                        <argument name="label" xsi:type="string" translate="true">Chat</argument>
                        <argument name="path" xsi:type="string">Your_Link_To_The_Chat</argument>
                    </arguments>
                </block>                   
            </block>
        </referenceContainer>

Related Solutions

Magento 2 – Fix Custom Module Layout Not Working

You can just 3columns in your layout file instead of 1column.

Try below code,

<?xml version="1.0"?>

  <page layout="3columns" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <update handle="default_head_blocks"/>
     <body>
        <referenceContainer name="header.panel">
        <block class="ChennaiBox\Chat\Block\ChatBlock" name="Chat_link">
            <arguments>
                <argument name="label" xsi:type="string" translate="true">Chat</argument>
                <argument name="path" xsi:type="string">chennaibox/livechat/livechat</argument>
            </arguments>
           </block> 

      <move element="Chat_link" destination="header.links"/>
 </referenceContainer>
 </body>
 </page>

inside your block,

ChatBlock.php file,

namespace ChennaiBox\Chat\Block;

/**
 * Class Link
 *
 * @SuppressWarnings(PHPMD.DepthOfInheritance)
 */
class ChatBlock extends \Magento\Framework\View\Element\Html\Link
{
    protected $_template = 'ChennaiBox_Chat::ChatForm.phtml';    



    public function getLabel()
    {        
        return __('Chat');
    }
}

Magento – Magento 2 Custom Top header Link is not Showing

<reference name="top.links">
  <action method="addLink" translate="label title" module="your module">
    <label>Confirm Payment</label>
    <url helper="chechout/success"/>
    <title>Confirm Payment</title>
    <position>10</position>
   </action>
</reference>

Best Answer

Related Solutions

Magento 2 – Fix Custom Module Layout Not Working

Magento – Magento 2 Custom Top header Link is not Showing

Related Topic