Magento 2: move the top links in the same container as the logo

I am working on a Magento 2.1.7 shop. To achieve this, I have created a child-theme of Magento Blank.

My top links (above the logo) are:

Compare Products

Default welcome msg!

My Account

My Wish List

Create an Account

I need to remove all the links except:

My Account

My Wish List

I want to move the 3 links above on the same block - <div class="header content"></div> - as the logo.

The logo will be floated to the left, while the 3 links will be floated to the right.

What files must I edit to achieve this?

edited Dec 15 '17 at 14:34

asked Dec 15 '17 at 11:48

Razvan Zamfir

131230

Why don't you research that for your self?. remove block, xml block magento 2

– HoangHieu
Dec 18 '17 at 16:21

add a comment |

I am working on a Magento 2.1.7 shop. To achieve this, I have created a child-theme of Magento Blank.

My top links (above the logo) are:

Compare Products

Default welcome msg!

My Account

My Wish List

Create an Account

I need to remove all the links except:

My Account

My Wish List

I want to move the 3 links above on the same block - <div class="header content"></div> - as the logo.

The logo will be floated to the left, while the 3 links will be floated to the right.

What files must I edit to achieve this?

edited Dec 15 '17 at 14:34

asked Dec 15 '17 at 11:48

Razvan Zamfir

131230

Why don't you research that for your self?. remove block, xml block magento 2

– HoangHieu
Dec 18 '17 at 16:21

add a comment |

I am working on a Magento 2.1.7 shop. To achieve this, I have created a child-theme of Magento Blank.

My top links (above the logo) are:

Compare Products

Default welcome msg!

My Account

My Wish List

Create an Account

I need to remove all the links except:

My Account

My Wish List

I want to move the 3 links above on the same block - <div class="header content"></div> - as the logo.

The logo will be floated to the left, while the 3 links will be floated to the right.

What files must I edit to achieve this?

edited Dec 15 '17 at 14:34

asked Dec 15 '17 at 11:48

Razvan Zamfir

131230

I am working on a Magento 2.1.7 shop. To achieve this, I have created a child-theme of Magento Blank.

My top links (above the logo) are:

Compare Products

Default welcome msg!

My Account

My Wish List

Create an Account

I need to remove all the links except:

My Account

My Wish List

I want to move the 3 links above on the same block - <div class="header content"></div> - as the logo.

The logo will be floated to the left, while the 3 links will be floated to the right.

What files must I edit to achieve this?

magento2 magento-2.1 toplinks

edited Dec 15 '17 at 14:34

asked Dec 15 '17 at 11:48

Razvan Zamfir

131230

edited Dec 15 '17 at 14:34

asked Dec 15 '17 at 11:48

Razvan Zamfir

131230

edited Dec 15 '17 at 14:34

asked Dec 15 '17 at 11:48

Razvan Zamfir

131230

asked Dec 15 '17 at 11:48

Razvan Zamfir

131230

asked Dec 15 '17 at 11:48

Razvan Zamfir

131230

Why don't you research that for your self?. remove block, xml block magento 2

– HoangHieu
Dec 18 '17 at 16:21

add a comment |

Why don't you research that for your self?. remove block, xml block magento 2

– HoangHieu
Dec 18 '17 at 16:21

Why don't you research that for your self?. remove block, xml block magento 2

– HoangHieu
Dec 18 '17 at 16:21

add a comment |

2 Answers
2

active

oldest

votes

+50

Remove Compare Products link:

Theme_Root/Magento_Catalog/layout/default.xml

<referenceBlock name="catalog.compare.link" remove="true" />

Remove Default welcome message:

Theme_Root/Magento_Theme/layout/default.xml

<referenceBlock name="header" remove="true" />

Remove Create an Account link:

Theme_Root/Magento_Customer/layout/default.xml

<referenceBlock name="register-link" remove="true" />

Move Top Links to the right container:

Theme_Root/Magento_Theme/layout/default.xml

<move element="top.links" destination="header-wrapper" after="logo" />

After these manipulations you need align blocks logo and links via CSS, with float.

Create block with My Wish List:

Theme_Root/Magento_Theme/layout/default.xml

<referenceContainer name="header.panel">

    <block name="panel.top.links" class="MagentoFrameworkViewElementHtmlLinks" after="-">

        <arguments>

            <argument name="css_class" xsi:type="string">header links</argument>

        </arguments>

    </block>

</referenceContainer>

Theme_Root/Magento_Wishlist/layout/default.xml

<move element="wish-list-link" destination="panel.top.links" />

Write me if you need any help.

edited Dec 18 '17 at 16:15

answered Dec 18 '17 at 15:47

Evgeny Levinsky

8731310

Great, but I want to keep My Wish List at the top, in its initial place. How can I do that?

– Razvan Zamfir
Dec 18 '17 at 16:02

I updated my answer. Check it, please

– Evgeny Levinsky
Dec 18 '17 at 16:16

I want to turn <ul class="clearfix header links"> <li><a href="/customer/account/">My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/">Sign In</a> </li> </ul> into <ul class="clearfix header links"> <li><a href="/customer/account/"><i class="fa fa-user-o" aria-hidden="true"></i> My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/"><i class="fa fa-sign-in" aria-hidden="true"></i> Sign In</a> </li> </ul> In other words, how do I add icons?

– Razvan Zamfir
Dec 19 '17 at 10:03

In first link you can add css class on block via <argument name="class" xsi:type="string"> ... </argument> in Theme_Root/Magento_Customer/layout/default.xml. In second link you need override vendor/magento/module-customer/view/frontend/templates/account/link/authorization.phtml in your theme and adjust it.

– Evgeny Levinsky
Dec 19 '17 at 17:12

add a comment |

I want to remove My Account My Wish List Sign In Default welcome msg! Create an Account form header

answered 23 mins ago

Vishal Sondagar

New contributor

add a comment |

Your Answer

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f205987%2fmagento-2-move-the-top-links-in-the-same-container-as-the-logo%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

+50

Remove Compare Products link:

Theme_Root/Magento_Catalog/layout/default.xml

<referenceBlock name="catalog.compare.link" remove="true" />

Remove Default welcome message:

Theme_Root/Magento_Theme/layout/default.xml

<referenceBlock name="header" remove="true" />

Remove Create an Account link:

Theme_Root/Magento_Customer/layout/default.xml

<referenceBlock name="register-link" remove="true" />

Move Top Links to the right container:

Theme_Root/Magento_Theme/layout/default.xml

<move element="top.links" destination="header-wrapper" after="logo" />

After these manipulations you need align blocks logo and links via CSS, with float.

Create block with My Wish List:

Theme_Root/Magento_Theme/layout/default.xml

<referenceContainer name="header.panel">

    <block name="panel.top.links" class="MagentoFrameworkViewElementHtmlLinks" after="-">

        <arguments>

            <argument name="css_class" xsi:type="string">header links</argument>

        </arguments>

    </block>

</referenceContainer>

Theme_Root/Magento_Wishlist/layout/default.xml

<move element="wish-list-link" destination="panel.top.links" />

Write me if you need any help.

edited Dec 18 '17 at 16:15

answered Dec 18 '17 at 15:47

Evgeny Levinsky

8731310

Great, but I want to keep My Wish List at the top, in its initial place. How can I do that?

– Razvan Zamfir
Dec 18 '17 at 16:02

I updated my answer. Check it, please

– Evgeny Levinsky
Dec 18 '17 at 16:16

I want to turn <ul class="clearfix header links"> <li><a href="/customer/account/">My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/">Sign In</a> </li> </ul> into <ul class="clearfix header links"> <li><a href="/customer/account/"><i class="fa fa-user-o" aria-hidden="true"></i> My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/"><i class="fa fa-sign-in" aria-hidden="true"></i> Sign In</a> </li> </ul> In other words, how do I add icons?

– Razvan Zamfir
Dec 19 '17 at 10:03

In first link you can add css class on block via <argument name="class" xsi:type="string"> ... </argument> in Theme_Root/Magento_Customer/layout/default.xml. In second link you need override vendor/magento/module-customer/view/frontend/templates/account/link/authorization.phtml in your theme and adjust it.

– Evgeny Levinsky
Dec 19 '17 at 17:12

add a comment |

+50

Remove Compare Products link:

Theme_Root/Magento_Catalog/layout/default.xml

<referenceBlock name="catalog.compare.link" remove="true" />

Remove Default welcome message:

Theme_Root/Magento_Theme/layout/default.xml

<referenceBlock name="header" remove="true" />

Remove Create an Account link:

Theme_Root/Magento_Customer/layout/default.xml

<referenceBlock name="register-link" remove="true" />

Move Top Links to the right container:

Theme_Root/Magento_Theme/layout/default.xml

<move element="top.links" destination="header-wrapper" after="logo" />

After these manipulations you need align blocks logo and links via CSS, with float.

Create block with My Wish List:

Theme_Root/Magento_Theme/layout/default.xml

<referenceContainer name="header.panel">

    <block name="panel.top.links" class="MagentoFrameworkViewElementHtmlLinks" after="-">

        <arguments>

            <argument name="css_class" xsi:type="string">header links</argument>

        </arguments>

    </block>

</referenceContainer>

Theme_Root/Magento_Wishlist/layout/default.xml

<move element="wish-list-link" destination="panel.top.links" />

Write me if you need any help.

edited Dec 18 '17 at 16:15

answered Dec 18 '17 at 15:47

Evgeny Levinsky

8731310

Great, but I want to keep My Wish List at the top, in its initial place. How can I do that?

– Razvan Zamfir
Dec 18 '17 at 16:02

I updated my answer. Check it, please

– Evgeny Levinsky
Dec 18 '17 at 16:16

I want to turn <ul class="clearfix header links"> <li><a href="/customer/account/">My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/">Sign In</a> </li> </ul> into <ul class="clearfix header links"> <li><a href="/customer/account/"><i class="fa fa-user-o" aria-hidden="true"></i> My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/"><i class="fa fa-sign-in" aria-hidden="true"></i> Sign In</a> </li> </ul> In other words, how do I add icons?

– Razvan Zamfir
Dec 19 '17 at 10:03

In first link you can add css class on block via <argument name="class" xsi:type="string"> ... </argument> in Theme_Root/Magento_Customer/layout/default.xml. In second link you need override vendor/magento/module-customer/view/frontend/templates/account/link/authorization.phtml in your theme and adjust it.

– Evgeny Levinsky
Dec 19 '17 at 17:12

add a comment |

+50

Remove Compare Products link:

Theme_Root/Magento_Catalog/layout/default.xml

<referenceBlock name="catalog.compare.link" remove="true" />

Remove Default welcome message:

Theme_Root/Magento_Theme/layout/default.xml

<referenceBlock name="header" remove="true" />

Remove Create an Account link:

Theme_Root/Magento_Customer/layout/default.xml

<referenceBlock name="register-link" remove="true" />

Move Top Links to the right container:

Theme_Root/Magento_Theme/layout/default.xml

<move element="top.links" destination="header-wrapper" after="logo" />

After these manipulations you need align blocks logo and links via CSS, with float.

Create block with My Wish List:

Theme_Root/Magento_Theme/layout/default.xml

<referenceContainer name="header.panel">

    <block name="panel.top.links" class="MagentoFrameworkViewElementHtmlLinks" after="-">

        <arguments>

            <argument name="css_class" xsi:type="string">header links</argument>

        </arguments>

    </block>

</referenceContainer>

Theme_Root/Magento_Wishlist/layout/default.xml

<move element="wish-list-link" destination="panel.top.links" />

Write me if you need any help.

edited Dec 18 '17 at 16:15

answered Dec 18 '17 at 15:47

Evgeny Levinsky

8731310

Remove Compare Products link:

Theme_Root/Magento_Catalog/layout/default.xml

<referenceBlock name="catalog.compare.link" remove="true" />

Remove Default welcome message:

Theme_Root/Magento_Theme/layout/default.xml

<referenceBlock name="header" remove="true" />

Remove Create an Account link:

Theme_Root/Magento_Customer/layout/default.xml

<referenceBlock name="register-link" remove="true" />

Move Top Links to the right container:

Theme_Root/Magento_Theme/layout/default.xml

<move element="top.links" destination="header-wrapper" after="logo" />

After these manipulations you need align blocks logo and links via CSS, with float.

Create block with My Wish List:

Theme_Root/Magento_Theme/layout/default.xml

<referenceContainer name="header.panel">

    <block name="panel.top.links" class="MagentoFrameworkViewElementHtmlLinks" after="-">

        <arguments>

            <argument name="css_class" xsi:type="string">header links</argument>

        </arguments>

    </block>

</referenceContainer>

Theme_Root/Magento_Wishlist/layout/default.xml

<move element="wish-list-link" destination="panel.top.links" />

Write me if you need any help.

edited Dec 18 '17 at 16:15

answered Dec 18 '17 at 15:47

Evgeny Levinsky

8731310

edited Dec 18 '17 at 16:15

answered Dec 18 '17 at 15:47

Evgeny Levinsky

8731310

answered Dec 18 '17 at 15:47

Evgeny Levinsky

8731310

answered Dec 18 '17 at 15:47

Evgeny Levinsky

8731310

Great, but I want to keep My Wish List at the top, in its initial place. How can I do that?

– Razvan Zamfir
Dec 18 '17 at 16:02

I updated my answer. Check it, please

– Evgeny Levinsky
Dec 18 '17 at 16:16

I want to turn <ul class="clearfix header links"> <li><a href="/customer/account/">My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/">Sign In</a> </li> </ul> into <ul class="clearfix header links"> <li><a href="/customer/account/"><i class="fa fa-user-o" aria-hidden="true"></i> My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/"><i class="fa fa-sign-in" aria-hidden="true"></i> Sign In</a> </li> </ul> In other words, how do I add icons?

– Razvan Zamfir
Dec 19 '17 at 10:03

In first link you can add css class on block via <argument name="class" xsi:type="string"> ... </argument> in Theme_Root/Magento_Customer/layout/default.xml. In second link you need override vendor/magento/module-customer/view/frontend/templates/account/link/authorization.phtml in your theme and adjust it.

– Evgeny Levinsky
Dec 19 '17 at 17:12

add a comment |

Great, but I want to keep My Wish List at the top, in its initial place. How can I do that?

– Razvan Zamfir
Dec 18 '17 at 16:02

I updated my answer. Check it, please

– Evgeny Levinsky
Dec 18 '17 at 16:16

I want to turn <ul class="clearfix header links"> <li><a href="/customer/account/">My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/">Sign In</a> </li> </ul> into <ul class="clearfix header links"> <li><a href="/customer/account/"><i class="fa fa-user-o" aria-hidden="true"></i> My Account</a></li> <li class="authorization-link" data-label="or"><a href="/account/login/"><i class="fa fa-sign-in" aria-hidden="true"></i> Sign In</a> </li> </ul> In other words, how do I add icons?

– Razvan Zamfir
Dec 19 '17 at 10:03

In first link you can add css class on block via <argument name="class" xsi:type="string"> ... </argument> in Theme_Root/Magento_Customer/layout/default.xml. In second link you need override vendor/magento/module-customer/view/frontend/templates/account/link/authorization.phtml in your theme and adjust it.

– Evgeny Levinsky
Dec 19 '17 at 17:12

Great, but I want to keep My Wish List at the top, in its initial place. How can I do that?

– Razvan Zamfir
Dec 18 '17 at 16:02

I updated my answer. Check it, please

– Evgeny Levinsky
Dec 18 '17 at 16:16

I want to turn

<ul class="clearfix header links">   <li><a href="/customer/account/">My Account</a></li>   <li class="authorization-link" data-label="or"><a href="/account/login/">Sign In</a>   </li> </ul>

into

<ul class="clearfix header links">   <li><a href="/customer/account/"><i class="fa fa-user-o" aria-hidden="true"></i>  My Account</a></li>   <li class="authorization-link" data-label="or"><a href="/account/login/"><i class="fa fa-sign-in" aria-hidden="true"></i>  Sign In</a>   </li> </ul>

In other words, how do I add icons?

– Razvan Zamfir
Dec 19 '17 at 10:03

I want to turn

<ul class="clearfix header links">   <li><a href="/customer/account/">My Account</a></li>   <li class="authorization-link" data-label="or"><a href="/account/login/">Sign In</a>   </li> </ul>

into

<ul class="clearfix header links">   <li><a href="/customer/account/"><i class="fa fa-user-o" aria-hidden="true"></i>  My Account</a></li>   <li class="authorization-link" data-label="or"><a href="/account/login/"><i class="fa fa-sign-in" aria-hidden="true"></i>  Sign In</a>   </li> </ul>

In other words, how do I add icons?

– Razvan Zamfir
Dec 19 '17 at 10:03

In first link you can add css class on block via <argument name="class" xsi:type="string"> ... </argument> in Theme_Root/Magento_Customer/layout/default.xml. In second link you need override vendor/magento/module-customer/view/frontend/templates/account/link/authorization.phtml in your theme and adjust it.

– Evgeny Levinsky
Dec 19 '17 at 17:12

add a comment |

I want to remove My Account My Wish List Sign In Default welcome msg! Create an Account form header

answered 23 mins ago

Vishal Sondagar

New contributor

add a comment |

I want to remove My Account My Wish List Sign In Default welcome msg! Create an Account form header

answered 23 mins ago

Vishal Sondagar

New contributor

add a comment |

I want to remove My Account My Wish List Sign In Default welcome msg! Create an Account form header

answered 23 mins ago

Vishal Sondagar

New contributor

I want to remove My Account My Wish List Sign In Default welcome msg! Create an Account form header

answered 23 mins ago

Vishal Sondagar

New contributor

answered 23 mins ago

Vishal Sondagar

New contributor

answered 23 mins ago

Vishal Sondagar

answered 23 mins ago

Vishal Sondagar

New contributor

Vishal Sondagar is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Magento Stack Exchange!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Kdjykuj