[SOLVED] How to put the phone in the header (text or image)

[lixotuka]

Hello everyone

 

I would like to put the phone number in the shop header. I'm using Leo Mega Store theme in Prestashop 1.5.6.1.

 

I want to put it in the right, above the shopping cart. Two lines, for phone and email, would be perfect!

 

The shop is in maintenance mode by now, but if you want to see it, you can give me your IP. Also you can see the theme Mega Store

 

Thanks a lot

 

(SORRY FOR MY ENGLISH)

Edited February 16, 2014 by lixotuka (see edit history)

[vekia]

you can do it with html box free module for example,

you can add there code with position:absolute and place phone number / image exactly there where you want.

[lixotuka]

you can do it with html box free module for example,

you can add there code with position:absolute and place phone number / image exactly there where you want.

 

Thanks for your answer, vekia.

 

I do not have extensive knowledge. Could you explain exactly what I do?

[vekia]

can you grant me access to your website?

i need to check it due to the fact that you use non default theme

[lixotuka]

can you grant me access to your website?

i need to check it due to the fact that you use non default theme

 

You can access now. I turn off the maintenance mode.

 

Regards

[lixotuka]

You can access now.

Edited February 21, 2014 by lixotuka (see edit history)

[vekia]

use this code in free html block module:

<div style="font-size:20px; position:absolute; top: 30px; left: 250px;">phone: +48 1234567890</div>

on module configuration page select "Top" section.

then go to modules > positions tab and move it befor the block user info module on modules list named displayTop (not displayHeader!)

 

 

effect

[lixotuka]

use this code in free html block module:

<div style="font-size:20px; position:absolute; top: 30px; left: 250px;">phone: +48 1234567890</div>

on module configuration page select "Top" section.

then go to modules > positions tab and move it befor the block user info module on modules list named displayTop (not displayHeader!)

 

 

effect

 

Thank you Vekia. I've done it. Now the phone can be seen as in the picture that you sent me. 

 

Is there any way to put it above the shopping cart?

[vekia]

yes, you can do it with css styles,

i suggested to use code above, instead of it use this one:

<div style="font-size:20px; position:relative; top: 0px; right: 0px;">phone: +48 1234567890</div>

[lixotuka]

 

yes, you can do it with css styles,

i suggested to use code above, instead of it use this one:

<div style="font-size:20px; position:relative; top: 0px; right: 0px;">phone: +48 1234567890</div>

 

Thank you Vekia. I'm about to get.

 

Now I'm trying to increase the top margin a bit with the help of Firebug, but I can not find where I have to increase. 

 

Also, do not know if I could add a line under the phone to email.

 

Thanks a million, Vekia

[vekia]

you can increase top param in your phone number,

then you will add there a top margin

[lixotuka]

you can increase top param in your phone number,

then you will add there a top margin

 

Excellent! It was difficult but using htmleditor.in I've made it pretty. 

 

Thank you, Vekia. Without your help I would not have gotten.

[vekia]

you're welcome

im glad that i could help you in this case

thanks for marking thread as solved.

this topic will be usueful for other merchants with the same demands, 

definitely

 

with regards,

Milos

[estebanrojasmex]

is there any way to make this for top nav? next to alraedy phone number I want to add whatsapp contact, www.pcgamer.com.mx