Question

我想在我的顶部导航菜单名称（即类别名称）旁边显示一个小图片。

所以我想要像

这样的东西

Category1Name  small_img |  Category2Name small_img2 | Category3Name small_img3

干杯

编辑：这是使用FIREBUG作为我的第一个类别名称

的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.

Answer 1

您可以向类中添加类别ID，然后通过css修改此类。

在app / code / local / Artlantis / Catalog / Block下创建一个文件夹（Artlantis是命名空间，替换为你的），并将Navigation.php从app / code / core / Mage / Catalog / Block放到新创建的文件夹中。< / p>

按如下方式更改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>';

在/ app / etc / modules文件夹中添加Artlantis_Catalog.xml

<?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输出，而不是默认代码，修改输出。

Magento - 顶部类别名称旁边的图像

1 个答案: