When you close the storefront for maintenance purposes, the visitors of your store site see the default "Storefront is closed" page instead:

The storefront can be closed using the storefront status toggle at the top of any page in the store's Admin area:

If you want your store's "Storefront is closed" page to provide additional information to help your customers contact you while the store is closed, you should do as follows:

  1. Copy the templates/web/customer/closed.twig file to templates/custom_web/customer/closed.twig.

  2. Edit the templates/custom_web/customer/closed.twig file.
    For instance, we will add a phone number below the existing text.

    The mentioned file has the following HTML tags with text:

    <body class="closed">
    <div class="header"></div>
    <div class="container">
    <div class="circle"><div class="img"></div></div>
    <div class="title">Storefront is closed</div>
    <div class="text">@MSG@</div>
    </div>
    </body>


    We will add the following line to show our phone number:

    <div class="text">If you have any questions, contact us: 8-800-555-0100</div>


    After the change, the above fragment in the file closed.twig will look as follows:

    <body class="closed">
    <div class="header"></div>
    <div class="container">
    <div class="circle"><div class="img"></div></div>
    <div class="title">Storefront is closed</div>
    <div class="text">@MSG@</div>
    <div class="text">If you have any questions, contact us: 8-800-555-0100</div>
    </div>
    </body>


    Similarly, you can add links to your social accounts, images, or other necessary information.

  3. Rebuilt the store using the "Re-deploy the store" tool provided on the System > Cache Management page.

After the redeployment, the "Store is closed" page will look like this:

Related pages:

Did this answer your question?