多级栏目导航循环显示

2024-01-26 15:03 小编

多级栏目导航循环显示效果是:鼠标放在栏目导航上面,会下拉显示第二级栏目列表,然后放在第二级栏目时会显示第三级栏目列表,等等

image

例如默认模板的写法是这样的:template/pc/default/home/header.html

这是调用共享栏目的分级语法:

<!--第一层:调用pid=0表示顶级-->

{category module=share pid=0}

<li class="menu-dropdown classic-menu-dropdown {if IS_SHARE && $catid && in_array($catid, $t.catids)} active{/if}">

    <a href="{$t.url}" title="{$t.name}" {if $t.tid==2} target="_blank"{/if}>{$t.name}</a>

    {if $t.child}

    <ul class="dropdown-menu pull-left">

        <!--第二层:调用第二级共享栏目-->

        {category module=share pid=$t.id return=t2}

        <li class="{if $t2.child} dropdown-submenu{/if} {if IS_SHARE && $catid && in_array($catid, $t2.catids)} active{/if}">

            <a href="{$t2.url}" class="nav-link nav-toggle " title="{$t2.name}">

                {$t2.name}

            </a>

            {if $t2.child}

            <ul class="dropdown-menu pull-left">

                <!--第三层:调用第三级共享栏目数据-->

                {category module=share pid=$t2.id return=t3}

                <li class="{if IS_SHARE && $catid && in_array($catid, $t3.catids)} active{/if}">

                    <a href="{$t3.url}" title="{$t3.name}">

                        {$t3.name}

                    </a>

                </li>

                {/category}

            </ul>

            {/if}

        </li>

        {/category}

    </ul>

    {/if}

</li>

{/category}

只写了第三层,开发者可以根据网站实际情况写第4、5、6、7、8、9层。


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码