magento 2 unhide any messages

Question

As per default Magento 2 behavior, any message like success, error or notice, etc hide after 5 seconds. I don't want to hide any message so that user can read message.

See below image that display error message but hide after 5 seconds.

I have override below files but not affect at all.

ROOT_FOLDER/vendor/magento/module-ui/view/frontend/web/js/view/messages.js

ROOT_FOLDER/vendor/magento/module-theme/view/frontend/web/js/view/messages.js

I have put above two files in my theme like below.

ROOT_FOLDER/app/design/frontend/Abc/xyz/Magento_Ui/web/js/view/messages.js

ROOT_FOLDER/app/design/frontend/Abc/xyz/Magento_Theme/web/js/view/messages.js

But not working. Please help me how to unhide M2 messages.

Answer 1

Overide the file

vendor/magento/module-ui/view/frontend/web/js/view/messages.js

TO

app/design/frontend/YourPackage/YourTheme/Magento_Ui/web/js/view/messages.js

Comment Out the below code,

onHiddenChange: function (isHidden) {
var self = this;
    // Hide message block if needed
    if (isHidden) {
       setTimeout(function () {
              $(self.selector).hide('blind', {}, 500);
       }, 5000);
}

Finally execute upgrade,Content commands

Answer 2

Actually, Magento removes error message after a few time using data-bind="visible: isVisible() this visible function call timer and hide message after some time so just remove this code it will work.

Do not remove data-bind="click otherwise user cannot remove message.

Try to below way :

Copy file from core Magento below-given path:

vendor/magento/module-ui/view/frontend/web/template/messages.html

Past in below path

app/design/frontend/YourPackage/YourTheme/Magento_Ui/web/template/messages.html

Replace below code

div data-role="checkout-messages" class="messages" data-bind="visible: isVisible(), click: removeAll">

With this code

<div data-role="checkout-messages" class="messages" data-bind="click: removeAll">

Run below command

bin/magento setup:upgrade

bin/magento setup:static-content:deploy

I hope it helps! Thanks.