欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码

列表页侧边导航无下级栏目时隐藏空白div的方法

时间: 2024-02-22 11:48 阅读: 作者:素材无忧网

我们做网站经常会碰到,在列表页,内页,单页等除了首页的一些页面,因为没有下级栏目时,会留出一大块空白,影响美观,如图:

列表页侧边导航无下级栏目时隐藏空白div的方法(图1)
我们怎么判断有下级栏目时显示,无下级栏目时隐藏,需要用到一下判断:
{eyou:if condition="$eyou.field.has_children > 0 || $eyou.field.parent_id > 0"}需要隐藏的代码{/eyou:if}

比如上图这样写无下级栏目时的效果,如图:
列表页侧边导航无下级栏目时隐藏空白div的方法(图2)
有下级栏目时的效果,如图:
列表页侧边导航无下级栏目时隐藏空白div的方法(图3)
{eyou:if condition="$eyou.field.has_children > 0 || $eyou.field.parent_id > 0"}
    
{/eyou:if}


参考标签:

{eyou:gt name="$eyou.field.parent_id" value="0"}{/eyou:gt}

版权声明: 本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明: 列表页侧边导航无下级栏目时隐藏空白div的方法

推荐文章
模板推荐