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

时间:2016-09-10 11:50:54

标签: php magento magento-1.9

我正在尝试添加' +'在左侧的类别导航前面的Symball 我正在使用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>

1 个答案:

答案 0 :(得分:0)

我的建议是在CSS中完成。你可以使用Ionicons或类似的东西。

$_menu html是在块类中生成的,而不是使用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小提琴 - 一个工作样本

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