Back to Questions Page

Add image to Top Links

0 Comment June 17, 2014
Vote Up
0
Vote Down
Closed
Public
Technical Question
Profile photo of Jonas Morbech Jonas Morbech asked June 17, 2014

Hi everybody,

Is there anybody that can help me with this problem.. Due to new cookie restrictions I need to add an image to one of my toplinks.. In customer.xml I have added the following code:

HTML Code:

<default>
<reference name="top.links">
  <action method="addLink" translate="label title">
    <label>Privatlivspolitik</label>
    <url>cookies</url>
    <title>Privatlivspolitik</title>
    <prepare>true</prepare>
    <position>2</position>
    <liParams/>
    <aParams>
        <class>private-cookie</class>
    </aParams>
  </action>
</reference>
</default>

and this adds the link to the cookie page, but how do I insert an icon before the link text.. You can see the page here: http://outdooradventure.dk

I hope someone can help me.. Have a great day..

Jonas D. Morbech
Outdoor Adventure

4 answers

Vote Up
0
Vote Down
Profile photo of Jonas Morbech ⋅0.00 $tone June 28, 2014
Public

Hi Saguaros,

I have tried to add class: private-cookie and styled it in css, but the icon wont show. Do you have a suggestion on how the css should be..??

Best regards,

Jonas D. Morbech

#2
Vote Up
0
Vote Down
Profile photo of Seoki Lee ⋅1510.00 $tone June 30, 2014
Public

Please open the file /skin/frontend/default/jm_sporty/css/styles.css, after the line 334:

Code:

.shop-access li {
    background: url(../images/sep-vdot.png) no-repeat right 3px;
    display: inline;
    height: 11px;
    line-height: 11px;
    padding: 0 15px;
}

Add this rule:

Code:

.shop-access li.private-cookie {
	background: url(../images/your_background.png/jpg/gif) no-repeat top left;
	padding: 0 15px 0 30px;
}

Hope this helps.

#3

This question is now closed

Written By

Further Reading

Comments