Magento - Изображение рядом с верхом Название категории - PullRequest
Новая
       1

Magento - Изображение рядом с верхом Название категории

0 голосов
/ 11 февраля 2012

Я хотел бы отобразить маленькое изображение рядом с именами моего главного меню навигации (т.е. именами категорий).

Итак, я хочу что-то вроде 

Category1Name  small_img |  Category2Name small_img2 | Category3Name small_img3

Приветствия

РЕДАКТИРОВАТЬ: Вот код HTML, используя FIREBUG для моего первого имени категории 

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

1 Ответ

0 голосов
/ 11 февраля 2012

Вы можете добавить идентификатор категории в класс, а затем изменить эти классы с помощью CSS.

Создайте папку в app / code / local / Artlantis / Catalog / Block (Artlantis - это Пространство имен, замените ее вашим) и поместите Navigation.php из app / code / core / Mage / Catalog / Block в новую папку. 1003 *

Измените файл 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 / etc / modules 

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

добавить класс в styles.css, например, если ваш каталог id 5 (конечно, вы должны изменить css) 

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

PS: в случае каких-либо проблем, пожалуйста, публикуйте вывод HTML из Firebug, а не код по умолчанию, модифицированный вывод.

...