Magento Expert Forum - Improve your Magento experience

Results 1 to 4 of 4

How to Include Custom Header Links in Magento 2?

  1. #1
    Junior Member
    Join Date
    May 2015
    Posts
    34
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default How to Include Custom Header Links in Magento 2?

    The header of your Magento 2 store is the first thing that any visitor will notice when they just open your website. It is the first impression that is going to leave the last impression on your store visitors and encourage them to explore your store further. That’s why you need to add sufficient information (or we can say custom header links) in your store’s header.

    Learn How to Include Custom Header Links in Magento 2 here: https://www.envisionecommerce.com/ho...-in-magento-2/

    View more threads in the same category:


  2. #2
    Junior Member
    Join Date
    Dec 2016
    Posts
    78
    Thanks
    1
    Thanked 1 Time in 1 Post

    Default

    Thanks for sharing, I'll visit the website later

  3. #3
    Junior Member
    Join Date
    Dec 2016
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Step 1:
    Create a custom module based on Magento 2 structure in the folder app/code.
    Ex: Magento 2 root directory/app/code/Dckap/Newlink/

    Step 2:
    Create module.xml file in the below path to define your Magento 2 extension.
    Magento 2 root directory/app/code/Dckap/Newlink/etc/module.xml

    Code:
    <?xml version=“1.0”?>
    <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
    <module name="Dckap_Newlink" setup_version="2.0.1"></module>
    </config>
    Step 3:
    Create routes.xml in the below path for your custom link.
    Magento 2 root directory/app/Dckap/Newlink/etc/frontend/routes.xml

    Code:
    <?xml version="1.0"?>
    <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../lib/internal/Magento/Framework/App/etc/routes.xsd">
    <router id="standard">
    <route id="newlink" frontName="newlink">
    <module name="Dckap_Newlink" />
    </route>
    </router>
    </config>
    Step 4:
    Create layout file in the below path for a custom header.
    Magento2 root directory/app/Dckap/Newlink/view/frontend/layout/header.xml

    Code:
    <?xml version="1.0"?>
    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
    <body>
    <referenceBlock name="header.links">
    <move element="test-last" destination="header.links"/>
    <block class="Dckap\Newlink\Block\Header" name="test-link" after="my-account-link"/>
    </referenceBlock>
    </body>
    </page>
    Step 5:
    Create block file that is referred in the layout file in the below path.
    Magento2 root directory/app/Dckap/Newlink/Block/Header.php
    Code:
    <?php
    namespace Dckap\Newlink\Block;
    class Header extends \Magento\Framework\View\Element\Html\Link
    {
    protected $_template = 'Dckap_Newlink::link.phtml';
    public function getHref()
    {
    return__( 'testuser');
    }
    public function getLabel()
    {
    return __('Test Link');
    }
    }
    ?>
    Step 6:
    Create template file that is referred to the block file in the below path.
    Magento2 root directory/app/Dckap/Newlink/frontend/templates/link.phtml


    Code:
    <li>
    <a <?php echo $block->getLinkAttributes() ?>><?php echo $block->escapeHtml($block->getLabel())?>
    <?php echo($block->getCounter()) ? '<span>' . $block->escapeHtml($block->getCounter()) . '</span>' : ''; ?>
    </a>
    </li>
    Step 7:
    After completing the above steps run the below Magento2 upgrade command in the command prompt:
    php bin/magento setup:upgrade

    After running the above command, clear all the Magento cache and check whether the extension is installed successfully in the Magento 2 admin side.

  4. #4
    New member
    Join Date
    Dec 2016
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Need urgent help with Magento 2? We can fix your store right now!

    More than 150 tech geeks are available for Magento requests to support and enhance your store 24/7.

    You can sign up for no commitment, On-Demand support agreement. It allows you to get an instant access to a team of Certified Magento Developers and Certified Magento Solution Specialists only when you need them.

    Our team has launched & supported over 400 Magento stores for both small startups and Fortune 500 brands in 35 countries.

    How to apply?
    Simply send a request and your contact details to info@scandiweb.com or setup a meeting @scandiweb.com/contact

    For more info, check scandiweb.com/services/247-magento-support?utm_source=frm

    P.S. Check it out
    - Behind the scene of our 24/7 Support: https://www.youtube.com/watch?v=NAmGNq5N6UY
    - Spy on our Support team and the way we live: https://stories.scandiweb.com/how-to...ts-bbfc4acd386
    - We work as hard as we party and if we party - we set Guinness Records: https://www.youtube.com/watch?v=kUgLD_A3WP8

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •