Back to Top

Add custom page design in Maintenance mode in Magento 2

Updated 22 February 2024

We will learn how to add custom page design when Maintenance mode is active in Magento 2.

Firstly, make sure your website is in Default or Production mode.

bin/magento deploy:mode:show

Then enable the Maintenance mode by following command

bin/magento maintenance:enable

Once you enable the Maintenance mode following content will show up

screenshot-192.168.15.232_8080-2021.09.13-17_32_56

Now in this example I will add an image and replace the above content.

Searching for an experienced
Magento 2 Company ?
Find out More

You need to open 503.phtml file from following path – magento_root/pub/errors/default/503.phtml

<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
?>

<img width="100%" src="images/maintenance.jpg" alt="">
screenshot-192.168.15.232_8080-2021.09.13-17_40_50

The images can be uploaded in the image folder in magento_root/pub/errors/default/images folder and style sheets can also be added in magento_root/pub/errors/default/css folders and can be used accordingly.

Happy Coding ! 🙂

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home