Jump to content

NEWBIE! Show custom page when in Maintenance


Recommended Posts

Hello there,

 

I sincerely hope you can help me. I am very new to prestashop and theme development. Extremely extremely new. I was wondering if someone could help me figure out how to have the attatched image display when in Maintenance mode instead of the default.

 

I've tried searching the forums but the answers I have turned up are somewhat over my head, they all say to alter the .tpl file but I don't know what the process is for that.

 

Please help, I am at my wits end.

 

 

post-796093-0-33321700-1400062299_thumb.jpg

Link to comment
Share on other sites

Thank you Paul,

 

I followed this advice:

2) uploaded a new image with the name "comingsoon.jpg" to the main img directory in my public html folder (where prestashop is installed) and edited the following line in the maintenance.tpl file to insert the new image instead of my store logo...

 

<p><img src="{$content_dir}img/logo.jpg" alt="FIXGEAR" /><br /><br /></p>

 

changed to...

 

<p><img src="{$content_dir}img/comingsoon.jpg" alt="FIXGEAR" /><br /><br /></p>

 

i then replaced the maintenance.tpl with this new edited one.

 

 

And edited the .tpl file, however I am not sure where to put it so that it goes into effect. Do I need to zip the file and add it as a new theme? Is there a way to manually add it using something like Filezilla? Thank you for your patience, like I said I am very very new at this

 

 

Link to comment
Share on other sites

Thank you Paul,

 

I followed this advice:

2) uploaded a new image with the name "comingsoon.jpg" to the main img directory in my public html folder (where prestashop is installed) and edited the following line in the maintenance.tpl file to insert the new image instead of my store logo...

 

<p><img src="{$content_dir}img/logo.jpg" alt="FIXGEAR" /><br /><br /></p>

 

changed to...

 

<p><img src="{$content_dir}img/comingsoon.jpg" alt="FIXGEAR" /><br /><br /></p>

 

i then replaced the maintenance.tpl with this new edited one.

 

 

And edited the .tpl file, however I am not sure where to put it so that it goes into effect. Do I need to zip the file and add it as a new theme? Is there a way to manually add it using something like Filezilla? Thank you for your patience, like I said I am very very new at this

 

 

Oh never mind found the solution! Thank you!

Link to comment
Share on other sites

  • 4 months later...

Hello zathura! i am in the same situation you were in several months ago. would be please explain how did you find the solution? My question: in your answers you talked about "public html folder" or others taled about "root". what do you mean by that? do you mean the information stored in the data base while installing prestashop? the ones we access to via ftp client (like Filezilla)? thanks for clarifying!!!

  • Like 1
Link to comment
Share on other sites

Hello

 

If you are looking for a way to change the existing maintenance module but are not sure how or what codes to change then you can always try a module.

 

Their is a nice Free one here on the forum

http://www.prestashop.com/forums/topic/354371-free-module-maintenance-module/

 

or you could try a cheap Paid For module

http://codecanyon.net/item/prevision-responsive-prestashop-maintenance-module/7499175

 

Also, did you look at the link I left in #2

 

Paul

Link to comment
Share on other sites

Hello Paul,

 

thx for the quick reply and your suggestions! all i want to change in the features is the default image in the maintenance page (and optionally add a box to subsribe for the future newsletter). 

I dont really need a time (when the site will be launched), as i am not yet sure when this will happen..

 

Regarding the link you left in 2#:

 

Probably because the solution was proposed for another PS version, I don’t find the same code as it was proposed in this post..

Can you please update the solution for PS 1.6! in the file maintenance.tpl this is what I have: 

 

<div id="maintenance">

<div class="logo"><img src="{$logo_url}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}"{/if} alt="logo" /></div>

             {$HOOK_MAINTENANCE}

             <div id="message">

              <h1 class="maintenance-heading">{l s='Maintenance mode'}</h1>

{l s='In order to perform website maintenance, our online store will be temporarily offline.'}

{l s='We apologize for the inconvenience and ask that you please try again later.'}

</div>

 

I see here where i can change the text BUT no sign of picture extensions aynwhere here.. i am so confused,, Please help! thank you guys!!!

 

Please note: i already uploaded the wanted image in the main img directory. from what i understodd, now i only need to call this image instead of the default one.. easy said but no sign of any pictures in the maintenance.tpl file i am looking in..

Link to comment
Share on other sites

 Hello Paul,

 

thanks for the quick reply and your suggestions. In my case these modules are not suitable for me. I dont need the timer/clock (because i am not sure when to launch the website). I want to change the maintenance image (and optionally add a box to subscribe for the future neswletter).

You did not comment on the fact that i dont have the same code as the ones shared in older codes. is that because of the new PS version? (for common understanding :P)

Back to the basic solution: i looked into the maintenance .css file and i have the same you screen shot.

Nevertheless the pg_maintenance.png is located in the img folder of the default theme and not in the main img folder. does it mean, i have to put the new image in there too?

Please correct my understanding:

1. upload the desired image in the img folder of the theme

2. change the maintenance.css code: 

from:

background: url(../img/bg_maintenance.png) no-repeat; } }

to:

background: url(../img/desired_pic.png) no-repeat; } }

3. do i need to adjust the image dimenions in the maintenance.css file?

 

If i am on the wron path, please go through the process step by step. I am very greatful for your support.

 

Using PS 1.6.0.9

Link to comment
Share on other sites

Hello

It is difficult to reply as I am not in front of a PC and am using android.

The easiest to achieve what you want for your maintenance image is to:

1. Copy and paste the maintenance.css file somewhere safe

2. Create a product

3. Add an image in short/long description

4. Copy the url (and use this url in front of the existing one)

5. Click save

 

As you also want to have an email subscription on your maintenance page then I suggest using a ready made module that you can easily configure from the back office.

I appreciate this is not the best or correct solution but it will short time.

 

If you want I will, when I get home try and give you a better solution to the image but I am not clever enough to add an email box.

 

You will have to wait for, the Moderators/Developers to give you a definitive answer.

 

Hope this makes sense

 

Paul

Link to comment
Share on other sites

Hello Paul,

 

thanks for your patience and efforts! i really appreciate that! Sue i can wait until you get home. i mean i have been trying to find a solution since some days, so to wait for some hours wont harm :)

at the same time, sorry to tell you that i couldnt follow your instructions :((( i just started manipulation the back office and this is basically the biggest challenge i had to face until now (change the maintenance picture). for the other feature, it would be nice to have but not that important at that point..

 

BR, Imen

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...