我没有使用这个 vertnav 模块,所以我希望我的答案不会离题,即使它是一个很好的 Magento 正确解决方案。
这个想法是使用“目录/导航”类(块),它非常适合您想要做的事情。如果你愿意的话,用 CSS 和/或 jQuery UI carousel 稍微调整一下,你就完美了!
1- 更新布局
打开主题的 catalog.xml 布局文件并在 <default> 节点中添加以下内容:
<reference name="left">
<block type="catalog/navigation" name="left.categories" before="-" template="catalog/navigation/left-categories.phtml"/>
</reference>
确保:
- 您的
<layout> 节点还没有<reference name="left"> 节点。如果是这样,只需将<block type="catalog/navigation".../> 附加到它
- 此页面的模板是 2columns-left.phtml 或相应地更新上述参考名称。
2- 创建模板文件
在您主题的模板文件夹中创建此文件:/catalog/navigation/categories-left.phtml 并添加以下内容:
<?php $_menu = $this->renderCategoriesMenuHtml(0,'level-top') ?>
<?php if($_menu): ?>
<div class="left-categories-container">
<ul id="left-categories">
<?php echo $_menu ?>
</ul>
</div>
<?php endif ?>
在前端,您现在有一个很好的列表,其中列出了所有商店类别,所有必要的 CSS 类都已经到位,无论您是在活跃类别中还是想要,您都可以调整并制作您想要在何时何地出现的类别仅显示任何深度级别或其他任何内容。就像玩 CSS 一样简单!您可以从原始模板中的#nav 行中获得灵感(空白主题确实是首选)。