2012-02-10 69 views
0

我想在我的顶部导航菜单的名称(即类别名称)旁边显示一个小图像。Magento - 图片旁边顶部类别名称

所以我想是这样

Category1Name small_img | Category2Name small_img2 | Category3Name small_img3 

干杯

编辑:下面是使用Firebug我的第一个类别名称d HTML代码

<div class="nav-container"> 
    <ul id="nav"> 
    <li class="level0 nav-1 level-top first parent"> 
     <a class="level-top" href="http://localhost:8888/devats/index.php/ribbons-for-craft.html"> 
      <span>RIBBONS FOR CRAFT</span> 
    <li class="level0 nav-2 level-top parent"> 
     <a class="level-top" href="http://localhost:8888/devats/index.php/ribbons-for-decoration.html"> 
      <span>RIBBONS FOR DECORATION</span> 
      . 
      . 
      . 
      n so on for my rest of the categories. 

回答

0

你C和类ID添加到类,然后修改这个类通过CSS。

在app/code/local/Artlantis/Catalog/Block下创建一个文件夹(Artlantis是Namespace,用你的替换)并将Navigation.php从app/code/core/Mage/Catalog/Block放到新创建的文件夹中。

更改Navigation.php如下:

前:

# find _renderCategoryMenuItemHtml method 
    $htmlLi .= '>'; 
    $html[] = $htmlLi; 

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

后:

$htmlLi .= '>'; 
    $html[] = $htmlLi; 

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

添加Artlantis_Catalog.xml在/ app /等/模块文件夹

<?xml version="1.0"?> 
<config> 
<modules> 
    <Artlantis_Catalog> 
    <active>true</active> 
    <codePool>local</codePool> 
    </Artlantis_Catalog> 
</modules> 
</config> 

添加类Styles.css中,举例来说,如果你的目录编号5(当然你应该修改CSS)

.category_5 { 
    background: url(../images/category_5_icon.png) no-repeat transparent; 
} 

PS:在任何麻烦的情况下,请发表Firebug的HTML输出,不是默认代码,修改后的输出。

+0

感谢您的回复。我按照你的指示做了,但我仍然无法看到类别名称旁边的图像。我的第一个分类名称是**装饰丝带**,**工艺丝带**等。那么我如何在styles.css中命名它们呢? – ivn 2012-02-11 14:15:01

+0

要进行调查,请使用Firebug,转到类别名称,然后在此处粘贴HTML代码。 – 2012-02-11 20:47:41

+0

我刚刚意识到,将类别名称用于类是一个坏主意,也许我们可以使用类别id而不是名称,如cats_1,cats_2等。我将在粘贴HTML代码后修改代码段。 – 2012-02-11 20:52:43