Add contact telephone Number on Main Page

[lilacworld]

Can anyone tell me how I can add contact details to the front page?

Would like to add business telephone number and opening hours and it to be shown top right of the website next to logo

Thanks Lilac

[hups]

I would like something like this also or maybe just a blank module on the right so can add these details.

Did you have any sucess?

[lilacworld]

No reply from anyone so far, it would look so much more professional if there was a module that would be placed at the top.

Fingers crossed someone will reply soon

[hups]

Absolutely. So may sites have the contact number at the very top of site near the logo so it appears on every page. Really important for e-commerce sites in my eyes. Sure there has to be a way of doing this.

[Irfan Bahalwan]

If the information is fixed, you can always do the hard code.
If u want to do it urselrf, just open file header.tpl in your template folder (usually in \themes\prestashop)

Find this line

    {$HOOK_TOP}

BEFORE

, write this code

Opening Hour

   8am - 4pm

Phone

   +1234567

U can modify the context (opening hour n phone #), or the position by changing margin-left n margin-top value depends on ur website's template. Then save the file, and refresh ur page.

If u still confused, feel free to contact me at irfan_bahalwan (YM!)

[hups]

Hello

Many thanks for your answer. Helped me add my phone number to the top right of the site.

One problem I have is when I scroll down down the page the number follows me in that position which is not ideal. I just want it to stay at the top right of the site under the search bar.

Do you know how i can do this please?

(SOLVED) Figured it out. Just change position fixed to position absolute instead. Worked for me.

Thanks again

[Irfan Bahalwan]

Oh, i didn't notice the scroll-error. Thx 4 correcting

[vanmiko]

Thank you, that worked, but if i want to add a logo, or jpeg on the same place? Do you have any solution?
Thank you

[ChrisLNZ]

Thank you, that worked, but if i want to add a logo, or jpeg on the same place? Do you have any solution?
Thank you

Hard code the logo in the same way.

[Irfan Bahalwan]

Honestly, It's kinda hard to explain if you dont know HTML and CSS. U must upload the image, change some code in header.tpl, add some line into css/global.css

It'll be a lot easier if u can IM me, so I can provide u the steps.

But if you insist, just do this steps :

- Upload your image into themes/theme-that-u-use/img/ folder
for this example, we use a picture named small_logo.jpg

- Open your header.tpl file in the themes/theme-that-u-use/ folder
Change the previous code

Opening Hour

   8am - 4pm

Phone

   +1234567
 

into this one

Opening Hour

   8am - 4pm

Phone

   +1234567
 

- Open your global.css file at themes/theme-that-u-use/css/ folder
Add this code into the last line

.opening_hour
{   background:url(../img/small_logo.jpg) 1px 2px no-repeat;
   position:absolute; 
   margin-left:230px; 
   margin-top:30px;
   padding-left:30px;
}    

You can change the margin, padding, and image position (1px 2px) value

Hope this could work