Add images to header bar

[Sorcha]

Hi

I am new to Prestashop and am trying to figure out how to add images to my header bar. I would like to add two small images underneath the search menu box.

 

my website is http://tomsheehy.com/Prestashop

 

I know there are a few similar topics already on the forum but I need a bit more detail than what they are giving.
 

Thanks, Sorcha

[NemoPS]

Hi!

Can you maybe show us exactly where you want to place the images? Between the menu and the search bar, or on the menu?

[Sorcha]

Hi Nemo1

 

http://tomsheehy.com/Prestashop/index.php?id_product=675&controller=product&id_lang=1

 

If you have a look at the image on this page. I have marked in red where I need to images

 

Thanks in advance

Sorcha

[NemoPS]

Okay, In this case, for the sake of simplicity, you can hardcode your images in header.tpl, after HOOK_TOP. Then, give them an absolute position (inline, or in global.css) so that they sit there. The container should already have a relative one, so it should not be a problem. Be sure they sit it header-inner

[Sorcha]

Hi Nemo1,

 

As I mentioned I am a bit of a newbie on this. Could you give me a bit more detail on what you mean by this? What code to I need to use?

[NemoPS]

Well... if you are not experienced with html there is a chance you screw up the template.

But if you REALLY need to give it a try, you must add, like

<img src="image url here" class="adblock1'>

 

Then, in global.css (theme folder, css)

 

.adblock1 {position: absolute; right: 100px, top: 250px}

 

Note that those numbers must be adjusted depending on the template

[vekia]

in addition to what Nemo said, i just want to say that in some cases addblock plugin for browsers hide all blocks with "advert" or "addblock" in name 

[NemoPS]

True! try using another class name if so!

[nsarsalan]

i need to give small image/icon with every menu link (using blocktopmenu module) pls help me out

[vekia]

i need to give small image/icon with every menu link (using blocktopmenu module) pls help me out

 

create new topic with your question because it is totally not related to this thread.

[nsarsalan]

create new topic with your question because it is totally not related to this thread.

 

i am unable to find option to create a new topic :s pls help me from where i could start a topic

[vekia]

on each section on this forum you can find button "Start new topic"

[nsarsalan]

Thank you!

[ITworks]

Hi

 

using the metod folloeing that Nemo described I was able to add a image to header.

<img src="image url here" class="adblock1'>

 

Then, in global.css (theme folder, css)

 

.adblock1 {position: absolute; right: 100px, top: 250px}

 

My problem is that though image is at right postion at when browser is at 100% zoom but when I increase or decrease the zoom the the image moves to side and overlap other objects. 

 

Thanks in advance

 

Regards

[NemoPS]

Any chance we can have a look at the site? Position absolute, in pixels, will always do that anyway. Try using %

[ITworks]

I got it fixed. I was not putting it at right place.

 

thanks

[pachomouse]

where was <img src="image url here" class="adblock1'> added before modifying the theme.css with: .adblock1 {position: absolute; right: 100px, top: 250px}, I'm using PS 1.7