Published: April 20, 2015
Last updated:

How to edit Magento Maintenance page

Magento maintenance page design can be changed just like any other Magento error page. By default, it looks like the following:

Magento Maintenance mode page
Magento Maintenance mode page

It is shown when your store is in Maintenance mode, you can read how to turn it on or off in How to turn Magento Maintenance ON or OFF article. To change it to match your site’s look and feel use the following steps:
  • under Magento root on filesystem copy errors/default/ folder into errors/your_skin/, where “your_skin” is the desired skin name you wish to create:
    Copying errors/default into errors/rwdtheme for further customization
    Copying errors/default into errors/rwdtheme for further customization
     
  • edit errors/your_skin/page.phtml as needed to match your theme. You can use design of your 404 page as a fast start: open in browser http://your-store/no-route page, right click on any text, select “View page source” option in browser’s context menu and paste this source code into errors/your_skin/page.phtml for further modifications. Just make sure to leave the following main div in the page.phtml unchanged:
                <div class="main-container">
                    <div class="main col1-layout">
                        <?php require_once $contentTemplate; ?>
                    </div>
                </div>
    
    It is used to display content of errors/404.php or errors/503.php depending on the error type.
  • copy errors/local.xml.sample into errors/local.xml and change <skin> tag there from default to your_skin:
    <config>
    -    <skin>default</skin>
    +    <skin>your_skin</skin>
        <report>
    
  • Flush Magento cache

Well done. Now your custom style will survive after Magento updates.


Posted in: Configuration, Magento Maintenance

74 votes, 4.81 avg. rating (95% score)