Magento - Image of topカテゴリの名前

Question

トップナビゲーションメニューの名前（カテゴリ名）の隣に小さな画像を表示したいと思います。

だから私はしたい

Category1Name small_img | Category2Name small_img2 | Category3Name small_img3 

乾杯のようなもの

編集：ここでは、その後、修正クラスにカテゴリIDを追加CAND

<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

私の最初のカテゴリ名に放火犯を使用してDのHTMLコードですこのクラスはCSSを介して。

app/code/local/Artlantis/Catalog/Blockの下にフォルダを作成してください（Artlantisは名前空間です。あなたの名前空間に置き換えてください）。

変更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>'; 

は/アプリ/ etcにあるArtlantis_Catalog.xmlを追加します/モジュールフォルダ

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

カタログ番号5（もちろんあなたは、CSSを変更する必要があります）

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

がPS場合、例えば、Styles.cssを中にクラスを追加します。トラブルの場合は、投稿してくださいデフォルトのコードではなく、FirebugからのHTML出力。変更された出力。