在每个第一级NAV项目之后添加小箭头图像

Question

im与Magentos Main Navigation一起工作，我想简单地添加一个箭头图像aftger每个第一级菜单项。这应该是一件简单的事情，但我无法弄清楚如何做。

我已将nafigation.phtml复制到我的本地法师文件中，并从中获得：

 $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。

任何帮助将不胜感激，谢谢

Answer 1

这可以简单地使用CSS完成，但是您需要向我展示HTML输出PHP代码。

如果您的菜单项是这样生成的：

<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