如何在 magento 中编辑类别导航设计

Question

我正在尝试在左侧的类别导航前面添加“+”符号我正在使用 magento 1.9.x

我在 category-navigation.phtml

中找到了这段代码

我想知道<?php echo $_menu ?>这是怎么来的？

<div class="block vertical-menu">   
        <div class="title-block" style="margin-bottom:0px;"><h4><?php echo $this->__($title) ?></h4></div>  
        <div class="block-content">
            <ul id="content-navigation">
                <?php echo $_menu ?>
            </ul>
        </div>
    </div>

Answer 1

我的建议是在 CSS 中进行。您可以使用 Ionicons 或类似的东西。

$_menu html 是在块 class 内生成的，而不是使用 phtml 文件。因此，您可以扩展该块并自定义它，但这也可以使用 CSS 实现，而不必担心扩展块。

示例如下：

例子HTML

<nav id="nav">
    <ol>
        <li>Plus Sign</li>
        <li class="active">Minus Sign</li>
    </ol>
</nav>

示例CSS - 这需要 Ionicons

ol {
    list-style: none;
}

#nav li::before {
    font-family: Ionicons;
    content: '\f489';
    padding-right: 10px;
}

#nav li.active::before {
    content: '\f209';
}

JS Fiddle - 一个工作样本

https://jsfiddle.net/adpro/5xbw80b1/

如何在 magento 中编辑类别导航设计

How to edit category navigation design in magento

php

magento

magento-1.9