4-4 xotpl/nav.tpl

<link rel="stylesheet" type="text/css" media="all" href="<{xoImgUrl}>css/stellarnav.min.css">

<div id="nav">
    <div class="container my-container-width">
        <div class="row">
            <nav class="col">
                <div class="stellarnav">
                    <ul>
                        <!-- 主選單 -->
                        <{if $auto_mainmenu}>
                            <li><a href="#">主選單</a>
                                <ul>
                                    <{foreach from=$main_menu_var item=opt}>
                                        <{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/menu.tpl"}>
                                    <{/foreach}>
                                </ul>
                            </li>
                        <{/if}>

                        <!-- 自訂選單 -->
                        <{foreach from=$menu_var item=opt}>
                            <{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/menu.tpl"}>
                        <{/foreach}>

                        <!-- 會員選單 -->
                        <{if $xoops_isuser}>
                            <li class="float-xl-right">
                                <a href="#">
                                    歡迎：<img src="<{$xoops_avatar}>" style="height: 24px;"> <{$xoops_name}>
                                </a>
                                <ul>
                                    <!-- 管理員 -->
                                    <{if $xoops_isadmin}>
                                        <{foreach from=$admin_menu_var item=opt}>
                                            <{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/menu.tpl"}>
                                        <{/foreach}>
                                    <{/if}>

                                    <!-- 會員 -->
                                    <{foreach from=$user_menu_var item=opt}>
                                        <{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/menu.tpl"}>
                                    <{/foreach}>
                                </ul>
                            </li>
                        <{/if}>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</div>

<script type="text/javascript" src="<{xoImgUrl}>js/stellarnav.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        jQuery('.stellarnav').stellarNav({
            menuLabel: '選單',
            position: 'left',
            scrollbarFix: true
        });
    });
</script>