Magento maintenance page design can be changed just like any other Magento error page. By default, it looks like the following:
It is shown when your store is in Maintenance mode, you can read how to turn it on or off in this 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:
- 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