Reorder Top Links

Question

I have been stuck on this task all day. I am hoping someone has some insight or is this a bug? I have tried a few different approaches and nothing seems to actually work.

This is how it currently looks like:

This is how I want it to look like:

Magento_Customer\layout\default.xml

<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>

    <referenceBlock name="header.links">

        <block class="Magento\Customer\Block\Account\Link" name="my-account-link" before="-">
            <arguments>
                <argument name="label" xsi:type="string" translate="true">My Account</argument>
                <argument name="sortOrder" xsi:type="number">1</argument>
            </arguments>
        </block>

        <block class="Magento\Framework\View\Element\Html\Link\Current" name="customer-account-navigation-orders-link-top" after="my-account-link">
            <arguments>
                <argument name="path" xsi:type="string">sales/order/history</argument>
                <argument name="label" xsi:type="string" translate="true">My Orders</argument>
                <argument name="sortOrder" xsi:type="number">2</argument>
            </arguments>
        </block>

        <block class="Lof\RequestForQuote\Block\Account\Link" name="my-quote-link" after="customer-account-navigation-orders-link-top">
            <arguments>
                <argument name="label" xsi:type="string" translate="true">My Quotes</argument>
                <argument name="sortOrder" xsi:type="number">3</argument>
            </arguments>
        </block>

        <block class="Magento\Framework\View\Element\Html\Link" name="giftr-top-link" after="my-quote-link">
            <arguments>
                <argument name="path" xsi:type="string">giftr/registry</argument>
                <argument name="label" xsi:type="string" translate="true">My Gift Registry</argument>
                <argument name="sortOrder" xsi:type="number">4</argument>
            </arguments>
        </block>

        <block class="Magento\Wishlist\Block\Link" name="wish-list-link" after="giftr-top-link">
            <arguments>
                <argument name="label" xsi:type="string" translate="true">My Wish List</argument>
                <argument name="sortOrder" xsi:type="number">5</argument>
            </arguments>
        </block>

        <block class="Magento\Customer\Block\Account\AuthorizationLink" name="authorization-link-login" template="Magento_Customer::account/link/authorization.phtml" after="-">
            <arguments>
                <argument name="sortOrder" xsi:type="number">6</argument>
            </arguments>
        </block>

        <block class="Magento\Customer\Block\Account\AuthorizationLink" name="authorization-link" template="Magento_Customer::account/link/authorization.phtml" after="-">
            <arguments>
                <argument name="sortOrder" xsi:type="number">7</argument>
            </arguments>
        </block>

    </referenceBlock>

    <block class="Magento\Theme\Block\Html\Header" name="header" as="header">
        <arguments>
            <argument name="show_part" xsi:type="string">welcome</argument>
        </arguments>
    </block>

    <move element="header" destination="header.links" before="-"/>
    <move element="register-link" destination="header.links"/>
    <move element="top.links" destination="customer"/>
    <move element="my-account-link" destination="top.links" before="-"/>
    <move element="customer-account-navigation-orders-link-top" destination="top.links" after="my-account-link"/>
    <move element="my-quote-link" destination="top.links" after="customer-account-navigation-orders-link-top"/>
    <move element="giftr-top-link" destination="top.links" after="my-quote-link"/>
    <move element="wish-list-link" destination="top.links" after="giftr-top-link"/>
    <move element="authorization-link" destination="top.links" after="-"/>

</body>

I am also overriding Magento\Customer\Block\Account\Navigation.php with the changes I found here:

https://github.com/magento/magento2/pull/14726/commits/1a281c1e5fbf8d81b46585df5eb71386b4c03167

Even with those changes I still can't got the top links to be in the order I want. The before and after tags do not seem working. So I thought I would try sortOrder argument but that also doesn't doing anything.

I decided to remove the new code from Navigation.php and now the customer_account.xml sortOrder is backwards! Meaning a high number will be first in order. The only change in top links was My Account and Sign Out switched places. — RLTcode, Commented Apr 19, 2018 at 16:31

Abhishek Tripathi · Accepted Answer · 2018-05-01 05:01:33Z

Traverse at below location

Magento_root/demo/vendor/magento/theme-frontend-luma/Magento_Customer/layout

copy default.xml from above location & paste at this place(below)

Magento_root/app/design/frontend/{Vendor}/{theme}/Magento_Customer/layout

Put below code into it after header block (around at line-23)

Update

    <!-- <move element="authorization-link" destination="top.links" before="wish-list-link"/> -->
        <!--- custom entry -->
                <referenceBlock name="top.links">
                    <referenceBlock name="my-account-link">
                       <arguments>
                            <argument name="label" xsi:type="string" translate="true">My Account</argument>
                        </arguments>
                    </referenceBlock>
                    <block class="Abhishek\Toplink\Block\View\Element\Html\Link" name="my-order-link-top">
                        <arguments>
                            <argument name="path" xsi:type="string">sales/order/history</argument>
                            <argument name="label" xsi:type="string" translate="true">My Orders</argument>
                            <argument name="sortOrder" xsi:type="number">100</argument>
                        </arguments>
                    </block>
                    <block class="Abhishek\Toplink\Block\View\Element\Html\Link" name="my-quote-link-top">
                        <arguments>
                            <argument name="label" xsi:type="string" translate="true">My Quotes</argument>
                            <argument name="sortOrder" xsi:type="number">90</argument>
                        </arguments>
                    </block>
                    <block class="Abhishek\Toplink\Block\View\Element\Html\Link" name="giftr-top-link">
                        <arguments>
                            <argument name="path" xsi:type="string">giftr/registry</argument>
                            <argument name="label" xsi:type="string" translate="true">Donate My Trap Program</argument>
                            <argument name="sortOrder" xsi:type="number">80</argument>
                        </arguments>
                    </block>
                    <block class="Magento\Wishlist\Block\Link" name="wish-list-link">
                        <arguments>
                            <argument name="sortOrder" xsi:type="number">70</argument>
                        </arguments>
                    </block>
                    <block class="Magento\Customer\Block\Account\AuthorizationLink" name="authorization-link" template="Magento_Customer::account/link/authorization.phtml">
                        <arguments>
                            <argument name="sortOrder" xsi:type="number">60</argument>
                        </arguments>
                    </block>
                    <block class="Magento\Customer\Block\Account\RegisterLink" name="register-link">
                        <arguments>
                            <argument name="label" xsi:type="string" translate="true">Create an Account</argument>
                        </arguments>
                    </block>
                </referenceBlock>  
  <!--- custom entry -->

Create a new module as per the magento rules & create block file in your new module & put the below code into it here is my block code located at below location

Abhishek\Toplink\Block\View\Element\Html\Link.php

<?php
namespace Abhishek\Toplink\Block\View\Element\Html;

use Magento\Customer\Block\Account\SortLinkInterface;

class Link extends \Magento\Framework\View\Element\Html\Link implements SortLinkInterface
{
    public function __construct(
        \Magento\Framework\View\Element\Template\Context $context,
        array $data = []
    ){
        parent::__construct($context, $data);
    }

    public function getSortOrder()
    {
        return $this->getData(self::SORT_ORDER);
    }
}

Here Abhishek is my Vendor_Name & Toplink is my Module_Name.

Note: While doing this make sure your cache is disabled of run below command from your magento_root through your terminal
php bin/magento c:f
Never do changes into the core file of magento

I had already previously tried the code you provided and accomplished my goal but I would prefer to keep the wishlist function — RLTcode, Commented Apr 27, 2018 at 19:37
Suggesting to copy an entire layout.xml file is automatically the wrong answer. — Shawn Abramson, Commented Apr 28, 2018 at 13:22

Hitesh Koshti · Accepted Answer · 2018-04-27 05:40:05Z

0

Try to use below code :

<move element="wish-list-link" destination="header.links" before="authorization-link"/>
<move element="authorization-link" destination="header.links" after="-"/>

answered Apr 27, 2018 at 5:40

Hitesh Koshti

1,4454 gold badges18 silver badges36 bronze badges

already tried this but does not work. I believe it is a known bug at the moment
– RLTcode
Commented Apr 27, 2018 at 19:37

Add a comment |

Shawn Abramson · Accepted Answer · 2018-04-28 13:25:58Z

0

You need to use arguments. This works for me. If I remember correctly, you actually need to run the numbers in reverse order.

You would do this in default.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="my-account-link">
            <arguments>
                <argument name="sortOrder" xsi:type="number">300</argument>
            </arguments>
        </referenceBlock>

        <referenceBlock name="wish-list-link">
            <arguments>
                <argument name="sortOrder" xsi:type="number">200</argument>
            </arguments>
        </referenceBlock>
    </body>
</page>

answered Apr 28, 2018 at 13:25

Shawn Abramson

3,5651 gold badge17 silver badges22 bronze badges

Shawn - for the customer_account.xml Dashboard links I had to run the numbers in reverse, which I was able to rearrange with sortOrder. But in default.xml the sortOrder does not work. You can see in my default.xml file I have already tried what you requested. My code was slightly different so I did attempt to use your code but still nothing.
– RLTcode
Commented Apr 30, 2018 at 15:28
@rltegantvoort This is likely due to the order of module loading. You should step into the code of the block class and make not of which sort order arguments are being accepted first. You can always create an "after" plugin to accomplish this goal if needed.
– Shawn Abramson
Commented Apr 30, 2018 at 17:05

Add a comment |

WISAM HAKIM · Accepted Answer · 2018-04-29 00:25:08Z

I had the same issue before and i solved by removing all links then add them again with custom name in the order that i want, you may try this

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
    <referenceBlock name="header.links">


    <referenceBlock name="my-account-link" remove="true"/>
    <referenceBlock name="wish-list-link" remove="true"/>
    <referenceBlock name="customer-account-navigation-orders-link-top" remove="true"/>

    <!-- 
        remove all links here
    -->

        <block class="Magento\Customer\Block\Account\Link" name="my-account-link-custome" before="-">
            <arguments>
                <argument name="label" xsi:type="string" translate="true">My Account</argument>
                <argument name="sortOrder" xsi:type="number">1</argument>
            </arguments>
        </block>

    <!-- 
        add the tabs here in the order you wish with changeing the name (changing the name is very important)
        as you see in this example i change the name of my account from [my-account-link] to [my-account-link-custome]
    -->        
    </referenceBlock>
</body>

It is worked and i used it in my development, Hope this will help you

The main idea is [remove current links and add them again with different name ]

tried this as well and remained in the same order as initial post after clearing cache. — RLTcode, Commented Apr 30, 2018 at 15:56

Benyo · Accepted Answer · 2018-07-19 07:21:17Z

please try my code and customize it for yourself

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
    <referenceBlock name="header.links">
        <block class="Magento\Customer\Block\Account\Customer" name="customer" template="account/customer.phtml" before="-"/>
        <block class="Magento\Customer\Block\Account\Customer" name="custom.link" template="account/custom-link.phtml" after="customer"/>
        <block class="Magento\Customer\Block\Account\AuthorizationLink" name="authorization-link-login" template="account/link/authorization.phtml"/>
    </referenceBlock>
    <block class="Magento\Theme\Block\Html\Header" name="header" as="header">
        <arguments>
            <argument name="show_part" xsi:type="string">welcome</argument>
        </arguments>
    </block>
    <referenceBlock name="top.links">
        <block class="Magento\Customer\Block\Account\SortLinkInterface" name="customer-account-navigation-orders-link-top">
            <arguments>
                <argument name="path" xsi:type="string">sales/order/history</argument>
                <argument name="label" xsi:type="string" translate="true">My Orders</argument>
            </arguments>
        </block>
        <block class="Magento\Wishlist\Block\Link" name="wish-list-link" after="customer-account-navigation-orders-link-top"/>
        <block class="Magento\Customer\Block\Account\SortLinkInterface" name="customer-account-navigation-product-reviews-link-top">
            <arguments>
                <argument name="path" xsi:type="string">review/customer</argument>
                <argument name="label" xsi:type="string" translate="true">My Product Reviews</argument>
            </arguments>
        </block>
    </referenceBlock>
    <move element="header" destination="header.links" before="-"/>
    <move element="register-link" destination="header.links"/>
    <move element="top.links" destination="customer"/>
    <move element="authorization-link" destination="top.links" after="-"/>
</body>

you should change the block class of new links to "Magento\Customer\Block\Account\SortLinkInterface" and move 'wish-list-link' after your last new link block (for you: 'My Donate a Trap Program' block, but for me "customer-account-navigation-orders-link-top"), as you see in my code.

Stack Exchange Network

Reorder Top Links

5 Answers 5

Your Answer

Not the answer you're looking for? Browse other questions tagged
magento2
customer-account
header
toplinks
default.xml
or ask your own question.

Linked

Hot Network Questions

Reorder Top Links

5 Answers 5

Your Answer

Sign up or log in

Post as a guest

Not the answer you're looking for? Browse other questions tagged magento2customer-accountheadertoplinksdefault.xml or ask your own question.

Linked

Related

Hot Network Questions

Not the answer you're looking for? Browse other questions tagged
magento2
customer-account
header
toplinks
default.xml
or ask your own question.