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 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:
- 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 browserhttp://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 intoerrors/your_skin/page.phtml
for further modifications. Just make sure to leave the following main div in thepage.phtml
unchanged:<div class="main-container"> <div class="main col1-layout"> <?php require_once $contentTemplate; ?> </div> </div>
It is used to display content oferrors/404.php
orerrors/503.php
depending on the error type. - copy
errors/local.xml.sample
intoerrors/local.xml
and change<skin>
tag there fromdefault
toyour_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