Insert image in header top menu

[MathiasReker]

Hi,

 

I would like to insert my credit card logos in the category top menu. The images be in the right side of the category bar.

 

How do I do it?

 

My website is: http://www.shinetech.dk

 

I am using prestashop 1.5.4.1

 

Thank you. / Mathias

[NemoPS]

Hi,

If they're meant to be in the top level bar, then you can edit blocktopmenu.tpl.

 

COpy it in your theme folder/modules/blocktopmenu, then open it and right after {$menu} add a new <li> with your image as content. You can refer to the url in many ways, and if it is in the images folder of your theme, you can user {$img_dir}/imagename.jpg

[MathiasReker]

If I add: <img src="http://www.shinetech.dk/themes/default/img/logo_dankort.png" alt="" width="" height="">

Then the image appears and looks good. Now I just want it to be in the right side of the menu and the height of the image should be in the middle.

I guess that I have to use CSS?

 

Thank you!

[NemoPS]

Hi,

Yes, you can play around with margins, and apply a float:right to it

[MathiasReker]

can you tell me how what I have to write in my css and do I have to add anything to the code in the template file to call the css?

[NemoPS]

You don't have to further add the css, if you don't want to edit it directly, you can copy the superfish-modified.css file you find in the module's css folder into the theme's css overrides (follow the standards for naming the folders). Then simply edit the css for the class you have applied to the image.

 

OR

 

simply add inline css to the image element

[AdityaYadav]

Hi,

If they're meant to be in the top level bar, then you can edit blocktopmenu.tpl.

 

COpy it in your theme folder/modules/blocktopmenu, then open it and right after {$menu} add a new <li> with your image as content. You can refer to the url in many ways, and if it is in the images folder of your theme, you can user {$img_dir}/imagename.jpg

Is there a way to add image in the drop down ?

[NemoPS]

It depends on your theme. By default, you can, by adding "thumb" secondary images to the main category

[AdityaYadav]

It depends on your theme. By default, you can, by adding "thumb" secondary images to the main category

Sorry for the delay in replying Nemo1 and Thanks for your suggestion  

[Guest locen]

Hi, there is way to insert an image over the menu as a background? 

like this header http://www.deltapeninternational.com/

Edited April 5, 2016 by locen (see edit history)

[NemoPS]

You can try with css. Just upload the image to any folder of your site, and point to it with #header {background: url("URL HERE");}

[Guest locen]

Thanks nemo i will try it