如何在pbootcms内页子栏目中实现当前栏目的高亮显示

在pbootcms模板中,有时需要在内页展示当前栏目的子栏目,并且高亮显示当前栏目。本文将为您介绍如何通过简单的代码调用,实现子栏目当前栏目的高亮显示。

在pbootcms后台登录,找到需要展示子栏目的父级栏目(例如产品分类),记下该栏目的编码(tcode),并打开需要展示子栏目的内页文件(例如product.html)。

在需要展示子栏目的位置添加以下代码:

{pboot:nav num=10 parent={sort:tcode}}
{pboot:if('[nav:scode]'=='{sort:scode}')}
<li><a class="biglink left_active" href="[nav:link]">[nav:name]</a></li>
{else}
<li><a class="biglink" href="[nav:link]">[nav:name]</a></li>
{/pboot:if}
{/pboot:nav}

其中,num=10表示最多展示10个子栏目,parent={sort:tcode}表示以当前栏目为父级栏目,即展示当前栏目下的所有子栏目。

[nav:name]表示子栏目的名称,[nav:link]表示子栏目的链接地址。[nav:scode]可以获取当前子栏目的编号,{sort:scode}可以获取当前页面所属栏目的编号。

{pboot:if('[nav:scode]'=='{sort:scode}')}表示判断当前子栏目是否为当前页面所属栏目,如果是,则添加高亮样式。您可以根据需要修改这个部分的样式和排版。

保存并上传修改后的文件到服务器上,刷新相应页面即可看到子栏目的展示和当前栏目的高亮显示了。

希望这篇文章对您有所帮助!

本文链接:http://task.lmcjl.com/news/2829.html

展开阅读全文