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:
Copy the templates/web/customer/closed.twig file to templates/custom_web/customer/closed.twig.
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.
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: