Magento2 Layout XML – How to Move Notification Message to Top of the Page for All Pages

layoutmagento2messagessuccess-messagexml

I am trying to move all notification message on the top below header(or any specific location)

I followed this link but this only achieve top for customer page only

Magento 2: Change message location

So that means to place message at the top (below header) i have to each and every xml file of every module?

Is there any shorthand for the same, for all pages.

Best Answer

Add this in default.xml in the below path

app/code/vendor/module/view/frontend/layout/default.xml

app/design/frontend/vendor/theme-name/Magento_Theme/layout/default.xml

default.xml will render in all the pages so it's an global declaration.

<?xml version="1.0"?>                                                     
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="1column" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
    <move element="messages" destination="header.container" after='-' />
</body>                                                                  
</page>

Not tested try it and let me know.

Related Solutions

Magento – Top Links Only Show When Customer is Logged In

My final xml modifications are the following:

    <customer_logged_in>
    <reference name="top.links">
        <action method="addLink" translate="label title" module="customer"><label>Log Out</label><url helper="customer/getLogoutUrl"/><title>Log Out</title><prepare/><urlParams/><position>10</position></action>
        <action method="addLink" translate="label title" module="customer"><label>My Account</label><url helper="customer/getAccountUrl"/><title>My Account</title><prepare/><urlParams/><position>10</position></action>
        <action method="addLink" translate="label title">
        <label>Compare</label>
        <url>catalog/product_compare/index/</url>
        <title>Compare</title>
        <prepare>false</prepare>
        <position>20</position>
        <target>_blank</target>
</action>
    </reference>
</customer_logged_in>

This will show only Log Out, My Account and Compare in the top links menu for customers that are logged in. When logged out only Login.

Note: I have the wishlist disabled in the admin panel.

Magento – Move “Sign In” link from top bar to header container in magento2

In my previous experience with one of my client same (near to) requirement.

Header links needed before minicart without default message, so I'm sharing my experience matching your's requirement.

Link(s) on right side of minicart.

In your theme folder add below code in below file :

Magento_Customer/layout/default.xml

Magento_Theme/layout/default.xml

1. Move Sign-In Link next to minicart

<!-- move minicart next to search block -->
<move element="minicart" destination="header-wrapper" after="top.search"/>


<!-- move sign-in link  next to  minicart block -->
<move element="authorization-link-login" destination="header-wrapper" after="minicart"/>

2. Move All top Header Links next to minicart

<!-- header default welcome message if want to remove -->
<referenceBlock name="header" remove="true" />

<!-- Keep minicart next to search block -->
<move element="minicart" destination="header-wrapper" after="top.search"/>

<!-- Move top All Header Links next to minicart -->
<move element="header.links" destination="header-wrapper" after="minicart"/>

Note : LESS

/* 
Magento default css of float:right for minicart needs to be removed, if we want keep 
links on the right side.
Pt 1. is not mandatory but good to remove 
*/
.minicart-wrapper {   
     float: right; // need to remove float right
}

Best Answer

Related Solutions

Magento – Top Links Only Show When Customer is Logged In

Magento – Move “Sign In” link from top bar to header container in magento2

Related Topic