如何在Magento的顶部链接中添加字体真棒图标

时间:2014-06-09 00:23:01

标签: magento icons html5boilerplate font-awesome-4

我正在使用Magento的样板模板,这个模板已经包含了字体真棒。我通过添加一个类=" btn btn-primary"在顶部链接中为我的汽车创建一个引导按钮。在Links.php中,现在我在尝试从字体awesome中添加购物车图标时遇到了问题......

我想在"我的购物车(2件)"前面添加此代码。顶部链接:  我的购物车

我尝试了一些没有成功的事情......

感谢您的帮助

编辑:这是我的top.links.phtml的样子,我无法弄清楚如何添加你的代码:

<?php if($toplinks && is_array($toplinks)): ?>
<ul class="links">
<?php echo $this->getChildHtml() ?>
<?php foreach($toplinks as $_toplink): ?>
<li<?php if($_toplink['first']||$_toplink['last']): ?> class="<?php if($_toplink['first']): ?>first<?php endif; ?><?php if($_toplink['last']): ?> last<?php endif; ?>"<?php endif; ?> <?php echo $_toplink['liParams'] ?>><?php echo $_toplink['beforeText'] ?><a <?php echo $_toplink['aParams'] ?>><?php echo $_toplink['innerText'] ?></a><?php echo $_toplink['afterText'] ?></li>
<?php endforeach; ?>
</ul>
<?php endif; ?>

2 个答案:

答案 0 :(得分:3)

最佳做法是使用xml进行自定义修改。但在这种情况下,您需要添加链接。尝试编辑top.links.phtml ..你可以使用这个

调用类
 <action method="addLink" translate="label title" module="customer">
 <label>Logout</label>
<url helper="customer/getLogoutUrl"/>
<title>Log Out</title>
<prepare/>
<urlParams/>
<position>2</position>
<liParams></liParams>
<aParams>class="logout-link"</aParams>
<beforeText><![CDATA[<span>]]></beforeText>
<afterText><![CDATA[</span>]]></afterText>
 </action> 

答案 1 :(得分:2)

愚弄此链接:

http://www.ibeccreative.com/blog/151/Magento-Tutorial-How-to-Customize-the-Top-Links-Block/

以及一些链接为愿望清单:

应用程序/设计/前端/ [[YOURTHEME]] /默认/布局/ wishlist.xml

变化:

   <reference name="top.links">
            <block type="wishlist/links" name="wishlist_link" />
            <action method="addLinkBlock"><blockName>wishlist_link</blockName></action>
        </reference>

要:

<reference name="top.links">
        <block type="wishlist/links" name="wishlist_link">
            <action method="setBeforeText">
                <beforeText><![CDATA[<i class="fa fa-gift"></i>]]>    </beforeText>
            </action>
        </block>
        <action method="addLinkBlock">
            <blockName>wishlist_link</blockName>
        </action>
    </reference>