Magentoでは、カテゴリとサブカテゴリを追加しました。これらは、私のWebサイトのホームページに表示されます。
今、私はそれぞれの画像と共にサブカテゴリを表示したいと思います。しかし、Magentoが提供する拡張機能は使用したくありません。
以下のスナップショットは、ドロップダウンメニューの外観を示していますが、それぞれのカテゴリに画像を追加したいと思います。
これは、renderer.phtml app / design / frontend / rwd / default / template / page / html / topmenuに追加したコードです
<?php
$html = '';
$children = $menuTree->getChildren();
$parentLevel = $menuTree->getLevel();
$childLevel = is_null($parentLevel) ? 0 : $parentLevel + 1;
$counter = 1;
$childrenCount = $children->count();
$parentPositionClass = $menuTree->getPositionClass();
$itemPositionClassPrefix = $parentPositionClass ? $parentPositionClass . '-' : 'nav-';
foreach ($children as $child) {
$child->setLevel($childLevel);
$child->setIsFirst($counter == 1);
$child->setIsLast($counter == $childrenCount);
$child->setPositionClass($itemPositionClassPrefix . $counter);
$outermostClassCode = 'level'. $childLevel;
$_hasChildren = ($child->hasChildren()) ? 'has-children' : '';
$html .= '<li '. $this->_getRenderedMenuItemAttributes($child) .'>';
$html .= '<a href="'. $child->getUrl() .'" class="'. $outermostClassCode .' '. $_hasChildren .'">'. $this->escapeHtml($this->__($child->getName())) .'</a>';
if (!empty($childrenWrapClass)) {
$html .= '<div class="'. $childrenWrapClass .'">';
}
$nextChildLevel = $childLevel + 1;
if (!empty($_hasChildren)) {
$html .= '<ul class="level'. $childLevel .'">';
$html .= '<li class="level'. $nextChildLevel .' view-all">';
$html .= '<a class="level'. $nextChildLevel .'" href="'. $child->getUrl() .'">';
$html .= $this->__('View All') . ' ' . $this->escapeHtml($this->__($child->getName()));
$html .= '</a>';
$html .= '</li>';
$html .= $this->render($child, $childrenWrapClass);
$html .= '</ul>';
}
if (!empty($childrenWrapClass)) {
$html .= '</div>';
}
$html .= '</li>';
$counter++;
}
return $html;
そして、私がapp / design / frontend / rwd / default / template / page / html / topmenu.phtmlに追加した以下のコード
<?php $_menu = $this->getHtml('level-top') ?>
<?php if($_menu): ?>
<nav id="nav">
<ol class="nav-primary">
<?php echo $_menu ?>
</ol>
</nav>
<?php endif ?>
また、次のコードをapp / etc / modules / WP_customMenu.xmlに追加して、カスタマイズされた形式でカテゴリリストを表示します
<?xml version="1.0"?>
<config>
<modules>
<WP_CustomMenu>
<active>true</active>
<codePool>community</codePool>
</WP_CustomMenu>
</modules>
</config>