在每个第一级导航项后添加小箭头图像

时间:2014-01-26 16:31:35

标签: magento hyperlink navigation

我正在使用magentos主导航,我想简单地在每个第一级菜单项中添加一个箭头图像。这应该是一件简单的事情,但我无法弄清楚如何去做。

我已将nafigation.phtml复制到我的本地mage文件中并从中获取:

 $html[] = $htmlLi;

    $html[] = '<a href="'.$this->getCategoryUrl($category).'"'.$linkClass.'>';
    $html[] = '<span>' . $this->escapeHtml($category->getName()) . '</span>';
    $html[] = '</a>';

为此,测试一下:

 $html[] = $htmlLi;

    $html[] = '<a href="'.$this->getCategoryUrl($category).'"'.$linkClass.'>';
    $html[] = '<span>' . $this->escapeHtml($category->getName()) . '</span>';
    $html[] = '<span>Hello World</span>';
    $html[] = '</a>';

但是没有变化,我在菜单项之后看不到hello world。

非常感谢任何帮助,谢谢

1 个答案:

答案 0 :(得分:0)

这可以简单地用CSS完成,但你需要向我展示除PHP代码之外的HTML输出。

如果您的菜单项生成如下:

<ul class="menu-items">
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
</ul>

然后你可以使用其中一个:

http://www.w3schools.com/cssref/sel_firstchild.asp

http://www.w3schools.com/cssref/sel_first-of-type.asp