The module allows adding a custom maintenance page from the theme level.

Installation

This module is a part of MageSuite metapackage

Installation if metapackage is not used:

composer require "creativestyle/magesuite-maintenance-page" ^1.0.0

Admin settings

There is no admin setting in this module.

Backend

In progress

Frontend

In order to style the maintenance page create errors folder in the child theme and add the following files (error-background image is just an option):

Example of local.xml file:

<?xml version="1.0"?>
<config>
    <skin>your-theme</skin>
    <report>
        <action>print</action>
        <subject>Store Debug Information</subject>
        <email_address></email_address>
        <trash>leave</trash>
    </report>
</config>

Example of page.html file:

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?= $this->pageTitle ?></title>
    <base href="<?= $this->escaper->escapeHtmlAttr($this->getViewFileUrl()) ?>" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="*"/>
    <link rel="icon" href="images/rieker/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="images/your-theme/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="maintenance">
        <picture>
            <source srcset="images/rieker/error-background.jpg" media="(min-width: 768px)">
            <img src="images/rieker/error-background.jpg" alt="Onlineshop">
        </picture>
        <div class="maintenance-wrapper">
            <div class="maintenance-title">
                <h1>Hello</h1>
            </div>
            <div class="maintenance-block">
                <p>Maintenance mode</p>
                <p>Please reaturn later or contact us via E-Mail an info@shop.com</p>
            </div>
        </div>
    </div>
</body>
</html>

MaintenancePage

Installation

Admin settings

Backend

Frontend

Related content