Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Current »

https://github.com/magesuite/maintenance-page

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 not 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>
  • No labels