change tab text into icon/image

[navid68]

There are several posts in the forum about changing the tab name or adding new tabs.

 

How is it possible to change the text in name of the tab with an image or icon?

For example, I would like to change "more info" with the following image

Anyone can help?

 

Thanks

Navid

[vekia]

you can do it in product.tpl file, there is a code:
 

<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>

instead of {l s='More info'} use:

<img src="URL_TO_YOUR_IMAGE" />

full code:
 

<li><a id="more_info_tab_more_info" href="#idTab1"><img src="URL_TO_YOUR_IMAGE" /></a></li>

[navid68]

Thanks Vekia, I installed Lof Advance Footer free module and solved it using the html code.

 

As I am not a developer, I avoid changing the code because I find it easier.

[vekia]

just wondering how you changed product tab with lof advanced footer module

[navid68]

Well... this is my solution:

 

create a block with type custom_html and add the following html:

<div class="custom-content">
 <a href="http://www.site.com/en/authentication?back=my-account">
  <img style="float: left;" src="http://www.site.com/img/cms/login.jpg" alt="Login" width="60" height="55" />
 </a>
</div>

Suggestions are always welcome 

Navid