Reading list Switch to dark mode

    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