lighthouseweb Posted August 22, 2014 Share Posted August 22, 2014 I'm trying to add in an image to my maintenance.tpl page for my site when its in offline mode for updates or development. Need help as this page has weird code in it, just not sure how to add thanks Trying to add this to my Maintenance Page - but not sure where and how as its not showing (does a smartphone use the same maintenance page or is a completely different one as how do I test the page out if I remove my IP from the list.. to see the page work from my desktop) <img src="https://fgproshop.com/Image-Maint/homepage-comingsoon.jpg"> ---- <body> <div id="maintenance"> <p><img src="{$logo_url}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}"{/if} alt="logo" /><br /><br /></p> <p id="message"> {l s='FG Pro Shop is getting a new Website.'}<br /><br /> {l s='We apologize for the inconvenience and ask that you please try again later.'} </p> <span style="clear:both;"> </span> </div> </body></html> --- Link to comment Share on other sites More sharing options...
Basix101 Posted August 22, 2014 Share Posted August 22, 2014 (edited) Hello, Not sure this is the answer you want When I put the site in maintenance and want to show a different "Under Construction" page this is what I do. Go into the root folder of my website /public_html and find the file index.html. Right click on the file to rename it (be sure to keep the "index" and rename the file "indexORIG" so the file now looks like indexORIG.html. Open Notepad on your computer and paste this code into it: <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>under construction</title> </head> <body> <div style="text-align: center;">Site Under Construction<br> <br> <img style="width: 375px; height: 442px;" alt="Prestashop Logo" src="http://img-cdn.prestashop.com/logo.png"><br> </div> </body> </html> Save the file as index.html to your desktop or other folder you can find with your FTP program ***Make sure when saving the file in Notepad or any other editor to save the file type as HTML*** Then upload the file back to the root folder of your website (in public_html). This will give you a very basic "Under Construction" page. When you are ready to make your site live again go back into your public_html folder, find the index.html file and rename it something like indexCONSTRUCTION.html and then rename your indexORIG.html file back to index.html. In the code above you can change the words, layout and images inside the begining <body> tag and the end </body> tag. I use Komposer, a free What You See Is What You Get (WYSIWYG) website editor. PLEASE MAKE SURE YOUR SITE IS IN MAINTENANCE MODE BEFORE RENAMING THE index.html file. Edited August 22, 2014 by mlatchu (see edit history) Link to comment Share on other sites More sharing options...
Recommended Posts