php - Magento - 在顶级类别菜单名称旁边放置图像

Question

我想在我的每个类别和子类别名称旁边放一个小图像图标(不是用图像替换类别名称，只是在类别名称后面放一个图像)。我已经尝试覆盖 app/core/code/Mage/Catalog/Block/Navigation.php

我更改了 _renderCategoryMenuItemHtml，然后在 styles.css 中引用了 category_id 我正要在代码所在的位置添加背景图片

 $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>';

但努力工作。我相信很多人可能希望在类别名称之后显示一个小缩略图。但只是不知道有什么简单或直接的方法可以做到这一点。

感谢任何帮助。谢谢。

Answer 1

为什么不使用 CSS 背景图像？

加载 template/catalog/navigation/top.phtml 并为每个级别的

元素添加一个新的类或 id，可能是这样的:

class="nav-<?php echo $_category->getName() ?>"

然后将这些类添加到您的 CSS，即:

.nav-shoes { background: url(images/nav-shoes.png) no-repeat; }

或者更好的是，使用您要使用的所有图像构建一个 sprite 图像:

[class^="nav-"] { background: url(images/sprite.png) no-repeat; }
.nav-shoes { background-position: 10px 10px; }

然后您需要为每张图片弄清楚背景位置。