Cách hiển thị hình ảnh trong menu thả xuống trong magento mà không cần sử dụng bất kỳ plugin nào [đã đóng]

Trong Magento tôi đã thêm các danh mục và danh mục con, chúng sẽ được hiển thị trong trang chủ của trang web của tôi.

Bây giờ, tôi muốn hiển thị các danh mục con cùng với hình ảnh tương ứng. Nhưng tôi không muốn sử dụng bất kỳ tiện ích mở rộng nào do Magento cung cấp.

Ảnh chụp bên dưới cho thấy menu thả xuống của tôi trông như thế nào, nhưng tôi muốn thêm hình ảnh vào danh mục tương ứng.

Đây là mã mà tôi đã thêm vào trong 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;

và mã sau tôi đã thêm vào trong ứng dụng / thiết kế / 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 ?>

và tôi cũng đã thêm mã sau đây trong app / etc / Module / WP_customMothy.xml để hiển thị danh sách danh mục ở dạng tùy chỉnh

<?xml version="1.0"?>
<config>
    <modules>
        <WP_CustomMenu>
            <active>true</active>
            <codePool>community</codePool>
        </WP_CustomMenu>
    </modules>
</config>

bạn cần tải danh mục trên mẫu của bạn. Hoặc theo phương thức xuất xưởng (như được hiển thị ở đây) hoặc trong phần khởi tạo khối của bạn ({{block}} hoặc khối xml). Tôi hy vọng đoạn mã này sẽ giúp.

$_helper    = $this->helper('catalog/output');
$_category  = Mage::getModel('catalog/category)->load(CATEGORYID);// get your category here.
$_imgHtml   = '';
if ($_imgUrl = $_category->getImageUrl()) {
    $_imgHtml = '<p class="category-image"><img src="'.$_imgUrl.'" alt="'.$this->htmlEscape($_category->getName()).'" title="'.$this->htmlEscape($_category->getName()).'" /></p>';
    $_imgHtml = $_helper->categoryAttribute($_category, $_imgHtml, 'image');
    echo $_imgHtml;
}

Bạn cần chính xác những gì tôi đã làm. Tôi đã xây dựng điều này cho thể loại gốc nhưng cách tiếp cận tương tự sẽ được sử dụng cho các danh mục phụ.

Nhìn vào đây vì câu hỏi tương tự: Làm thế nào để có được hình thu nhỏ của danh mục hoặc Hình ảnh?

Hãy tìm câu trả lời của tôi.

Chuyển đến bảng quản trị magento và điều hướng đến Danh mục-> quản lý danh mục-> và nhấp vào danh mục cần thiết và ghi lại ID của danh mục bắt buộc cho ví dụ: hãy lấy ID của cuộc phiêu lưu như: 2796

Bây giờ, đi đến cms-> khối tĩnh> Thêm khối mới

Tiêu đề khối *: wp_custom_menu_2796 Mã định danh *: wp_custom_menu_2796 Cửa hàng xem *: chế độ xem bắt buộc Trạng thái *: Nội dung được bật *:

2796 là id danh mục