Sunday , December 22 2024
Home > Magento Tips & News > Magento 2 Tutorials > Customers > How to Add a Link to My Account Menu in Magento 2

How to Add a Link to My Account Menu in Magento 2

magento2-add-link-to-my-account-menu-01

My Account Menu or Customer Account Navigation is a practical feature in Magento 2. It helps customers easily manage their account information, including: orders, downloadable products, wish list, stored payment methods, product reviews, and newsletter subscriptions. 

add-a-link-to-my-account-menu-before

My Account Menu by default

You can use the default navigation as it is, or you can customize it to create a better fit with your store. In this tutorial, we’ll show you how to add and delete a link in My Account Menu. 

Step 1: Modify customer_account.xml layout

Insert customer_account.xml layout by path Magezon/Tutorial/view/frontend/layout/customer_account.xml with the following content: 

<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="customer_account_navigation">
            <block class="Magento\Framework\View\Element\Html\Link\Current" name="magezon_tutorial_custom_my_account">
                <arguments>
                    <argument name="path" xsi:type="string">tutorial/account/custom</argument>
                    <argument name="label" xsi:type="string">My custom</argument>
                    <argument name="sortOrder" xsi:type="number">150</argument>
                    <argument name="navigation" xsi:type="boolean">true</argument>
                </arguments>
            </block>
        </referenceBlock>
    </body>
</page>

Step 2: Create Controller Custom.php via Magezon/Tutorial/Controller/Account

<?php

namespace Magezon\Tutorial\Controller\Account;

use Magento\Framework\View\Result\PageFactory;
use Magento\Framework\App\Action\Context;

class Custom extends \Magento\Customer\Controller\AbstractAccount
{
    /**
     * @var PageFactory
     */
    protected $resultPageFactory;

    /**
     * @param Context                                             $context
     * @param PageFactory                                         $resultPageFactory
     * @param \Magento\Framework\Controller\Result\ForwardFactory $resultForwardFactory
     * @param \Magezon\CustomerAttachments\Helper\Data            $dataHelper
     */
    public function __construct(
        Context $context,
        PageFactory $resultPageFactory
    ) {
        $this->resultPageFactory    = $resultPageFactory;
        parent::__construct($context);
    }

    /**
     * @return \Magento\Framework\View\Result\Page
     */
    public function execute()
    {
        /** @var \Magento\Framework\View\Result\Page $resultPage */
        $resultPage = $this->resultPageFactory->create();
        $resultPage->getConfig()->getTitle()->set(__('My Custom'));
        return $resultPage;
    }
}

Step 3: Create tutorial_account_custom.xml Layout by Path Magezon/Tutorial/view/frontend/layout/customer_account.xml 

<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <update handle="customer_account"/>
    <body>
        <referenceContainer name="content">
            <block class="Magento\Framework\View\Element\Template" name="magezon_tutorial_custom_my_account_content" template="Magezon_Tutorial::newtemplate.phtml"/>
        </referenceContainer>
    </body>
</page>

Step 4: Create template newtemplate.phtml by Path  Magezon/Tutorial/view/frontend/templates 

<div>
    <h2>Hello World</h2>
</div>

Step 5: Delete Cache and Refresh the Page

Here is the result after we add a new link to My Account Menu. 

add-a-link-to-my-account-menu-after
Related articles:
How to Add Top Link in Magento 2
An Ultimate Guide to Magento 2 Customer Groups
How to Create a New Customer Account in Magento 2
How to Set Up Magento Customer Configuration

To remove a link from My Account Menu, add customer_account.xml layout via Magezon/Tutorial/view/frontend/layout/customer_account.xml with the following content: 

<?xml version="1.0"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <referenceBlock name="block_name" remove="true"/>
</page>

Under is a list of common block names: 

– customer-account-navigation-account-link : My Account

– customer-account-navigation-address-link : Address Book

– customer-account-navigation-account-edit-link : Account Information

– customer-account-navigation-newsletter-subscriptions-link : Newsletter Subscriptions

– customer-account-navigation-billing-agreements-link : Billing Agreements

– customer-account-navigation-product-reviews-link : My Product Reviews

– customer-account-navigation-orders-link : My Orders

– customer-account-navigation-my-credit-cards-link : Stored Payment Methods

– customer-account-navigation-wish-list-link : My Wish List

To Recap

That’s the end of our guide about adding a link to My Account Menu. There are more Magento tutorials waiting for you to discover in our blog. Comment to let us know what kind of content you’d like to see next.

Optimize Your Magento Store With Powerful Extensions

Looking for fast, efficient and well-coded extensions to build or optimize your Magento stores for sales boosting? Then visit Magezon website and grab necessary add-ons for yours today!

About Alice Dinh

Alice Dinh
Alice is a writer at Magezon. She is on a mission to help readers learn about Magento and e-commerce to grow their online business. A chocolate fanatic once in a while.

Check Also

how to segment customer for Magento 2

How to Segment Customer for Magento 2 From A to Z

No matter what market you are working on, customers always have different expectations, demands, and …

Leave a Reply