I want to change the existing top links AND add some new.I need them to be in larger font (not default one) with icons or images before them. I read some tutorials and came to know its done by writing XML but could not find where to write XML and where to add icons and CSS classes for styling. Also tell what else needs to be done apart from adding XML. For reference, see the example image attached with top links outlined in black line that's exactly what I am looking for. Please elaborate your answer as much as possible and mention all steps.

Please see this image for reference

<block type="page/template_links" name="top.links" as="topLinks">
 <action method="addLink" translate="label title">

place above code in app/design/front/[Your-Package]/[Your-Theme]/layout/local.xml in <default></default> element.

Style it using "class-name"

| improve this answer | |
  • Should be <reference name="top.links"> instead of <block ...> because the block already exists. Otherwise you create a new block and replace the existing one instead of adding the link to the existing one – Fabian Schmengler Jul 25 '15 at 23:05
  • Do we also have to add .phtml file for above xml.? Also please tell where to add css class definition.is it in main 'styles.css'? – Tallal Hassan Jul 26 '15 at 14:05
  • No need to add phtml file.Yes in your current theme style.css file – Prashant Valanda Jul 26 '15 at 16:58

You should create a block in


in new_header.phtml you put what you want icones, texts etc...

then in app/design/frontend/package/theme/layout/local.xml and put this:

<reference name="header">
   <block type="core/template" name="new.header" template="newheader/new_header.phtml"/>
| improve this answer | |

Top-links are managed in magento through layout xml files.

To add a link to top links, we need to add xml code to layout files

Adding More Links To The Top Links. -

Suppose we need to add a new link to top links, lets say a link for a CMS page called Terms and Conditions.

To do this open a layout file, let say customer.xml and add the below code:

<reference name="top.links">
  <action method="addLink" translate="label title">
    <label>Terms and Condition</label>
    <title>Terms and Condition</title>

This code should a new link to top links.

| improve this answer | |

@tbiinfotech this code works

<default><reference name="top.links"><action method="addLink" translate="label title"><label>Terms and Condition</label><url>terms</url>
<title>Terms and Condition</title><prepare>true</prepare>
<position>2</position> </action></reference></default>

How do we add the store ID if we are running a multistore with a common theme?

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.