织梦channel 频道标签currentstyle当前栏目高亮,无法应用于type=sun或son子分类中
织梦的channel 频道标签currentstyle可用于type=top或self兄弟分类上,没法用于子分类.
基本语法:
{dede:channel type='top' row='8' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a> </li>"}
<li><a href='[field:typelink/]'>[field:typename/]</a> </li>
{/dede:channel}
想让子分类也实现当前栏目高亮显示,只能手工列出所有类目.然后根据field;ID来判断.举例.比如下实现下面的侧边导航,其中,2,3,15分类为父类目.其它为子分类.代码如下
css如下:
.submenu a{padding:10px 20px;text-decoration:none;}
.submenu li ul {display:none;}
.submenu >li>a {font-weight:bold!important;}
.active2 a{color:#e33;text-decoration:none;}
.active3 >a{color:#e33;text-decoration:none;}
html代码如下:
<ul class="nav nav-main submenu margin-top">
<li class="nav-head icon-caret-right"> Product classification</li>
<li {dede:field name=id runphp='yes'}(@me=='1'||@me=='2'||@me=='8'||@me=='9'||@me=='10'||@me=='11'||@me=='13'||@me=='14')?@me=' class="active3"':@me='';{/dede:field}>{dede:type typeid=2}<a class="icon-chevron-circle-right" href="[field:typeurl /]"> [field:typename /]{/dede:type}<span class="arrow"></a>
<ul {dede:field name=id runphp='yes'}(@me=='1'||@me=='2'||@me=='8'||@me=='9'||@me=='10'||@me=='11'||@me=='13'||@me=='14')?@me=" style='display:block'":@me='';{/dede:field}>
<li {dede:field name=id runphp='yes'}(@me=='8')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=8}<a
ref="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li>
<li {dede:field name=id runphp='yes'}(@me=='9')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=9}<a
ref="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li>
</ul>
</li>
<li {dede:field name=id runphp='yes'}(@me=='3'||@me=='4'||@me=='5'||@me=='6'||@me=='7'||@me=='23')?@me=' class="active3" ':@me='';{/dede:field}>{dede:type typeid=3}<a class="icon-chevron-circle-right " href="[field:typeurl /]"> [field:typename /]{/dede:type}<span class="arrow"></a>
<ul {dede:field name=id runphp='yes'}(@me=='3'||@me=='4'||@me=='5'||@me=='6'||@me=='7'||@me=='23')?@me=" style='display:block'":@me='';{/dede:field}>
<li {dede:field name=id runphp='yes'}(@me=='4')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=4}<a
ref="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li>
<li {dede:field name=id runphp='yes'}(@me=='5')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=5}<a
ref="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li>
</ul>
</li>
<li {dede:field name=id runphp='yes'}(@me=='15'||@me=='16')?@me='class="active3"':@me='';{/dede:field}>{dede:type typeid=15}<a class="icon-chevron-circle-right " href="[field:typeurl /]"> [field:typename /]{/dede:type}<span class="arrow"></a>
<ul {dede:field name=id runphp='yes'}(@me=='15'||@me=='16')?@me=" style='display:block'":@me='';{/dede:field}>
<li {dede:field name=id runphp='yes'}(@me=='16')?@me=" class='active2' ":@me='';{/dede:field}>{dede:type typeid=16}<a
ref="[field:typelink /]"> [field:typename /]</a>{/dede:type}</li>
</ul>
</li>
</ul>
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
来源:网友投稿 关注:
时间:2020-06-22 08:45
☉首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ进行交流。
相关织梦教程:
- dedecms SQL注入漏洞 member/album_add.php 修复
- dedecms cookies泄漏导致SQL漏洞 /member/article_add
- Windows虚拟主机指定目录禁用脚本执行权限方法
- 西部数码虚拟主机设置禁止脚本执行权限
- 阿里云主机设置织梦程序禁止脚本执行权限及禁止写入
- dedecms织梦导致CPU峰值现象的解决办法
- 织梦程序网站被挂马或快照劫持终极解决办法
- 阿里云提醒/member/reg_new.php注入漏洞解决办法
- 织梦安全:更改plus名称
- 织梦栏目属性增加链接rel、nofollow和新窗口target
- 织梦问答模块PHP7报错解决方法
- dedecms解决移动端首页不自动更新问题