View template: bootstrap_smartmenu_children.tpl

Edit CSS Template listing
{if not empty($item.children)}
    <li class="nav-item dropdown{if $item.selected|default:null} active{/if} {$item.class|escape}">
        <a href="{$item.sefurl|escape}" class="{if $sub|default:false}dropdown-item{else}nav-link{/if} dropdown-toggle" data-bs-toggle="dropdown">
            {if $prefs.menus_items_icons eq "y"}
                <span 
                    data-preset="icon-picker" 
                    tabindex="0" 
                    role="button" 
                    data-bs-toggle="popover" 
                    data-bs-trigger="focus" 
                    title="Pick an icon" 
                    data-icon-for="{$item.optionId}" 
                    data-icon-editable="{if $prefs.theme_iconeditable eq "y" AND $tiki_p_admin eq 'y'}yes{/if}"
                >
                {* here we display the icon html passed constructed from function.menu.php *}
                {* TODO Add a way to modify the look: eg. the size,color,position etc*}
                {* Refer to the style section in this file to know how this is done manually*}
                {$menu_icons_html[$item.optionId]}
                </span>
            {/if}
            {tr}{$item.name}{/tr}
        </a>
        <ul class="dropdown-menu">
            {* {if $sub}
                <li class="dropdown-header">{tr}{$item.name}{/tr}</li>
                <li class="dropdown-divider"></li>
            {/if} *}
            {foreach from=$item.children item=sub}
                {include file='bootstrap_smartmenu_children.tpl' item=$sub sub=true}
            {/foreach}
        </ul>
    </li>
{else}
    <li class="nav-item {$item.class|escape}{if $item.selected|default:null} active{/if}">
        {if !empty($item.block)}
            {* mega-menu class prevents error (TypeError: Cannot read property 'parentNode' of null - jquery.smartmenus.js:line 664) when block items contains <ul> elements  *}
            <ul class="mega-menu block--container">
                {if $prefs.menus_items_icons eq "y"}
                    <span 
                        data-preset="icon-picker" 
                        tabindex="0" 
                        role="button" 
                        data-bs-toggle="popover" 
                        data-bs-trigger="focus" 
                        title="Pick an icon" 
                        data-icon-for="{$item.optionId}" 
                        data-icon-editable="{if $prefs.theme_iconeditable eq "y" AND $tiki_p_admin eq 'y'}yes{/if}"
                    >
                    {* here we display the icon html passed constructed from function.menu.php *}
                    {* TODO Add a way to modify the look: eg. the size,color,position etc*}
                    {* Refer to the style section in this file to know how this is done manually*}
                    {$menu_icons_html[$item.optionId]}
                    </span>
                {/if}
                {tr}{$item.name}{/tr}
            </ul>
        {else}
            <a class="{if $sub|default:false}dropdown-item{else}nav-link{/if}" href="{$item.sefurl|escape}">
                {if $prefs.menus_items_icons eq "y"}
                    <span
                        data-preset="icon-picker" 
                        tabindex="0" 
                        role="button" 
                        data-bs-toggle="popover" 
                        data-bs-trigger="focus" 
                        title="Pick an icon" 
                        data-icon-for="{$item.optionId}" 
                        data-icon-editable="{if $prefs.theme_iconeditable eq "y" AND $tiki_p_admin eq 'y'}yes{/if}"
                    >
                    {* here we display the icon html passed constructed from function.menu.php *}
                    {* TODO Add a way to modify the look: eg. the size,color,position etc*}
                    {* Refer to the style section the bootstrap_menu.tpl file to know how this is done manually*}
                    {$menu_icons_html[$item.optionId]}
                    </span>
                {/if}
                {tr}{$item.name}{/tr}
            </a>
        {/if}
    </li>
{/if}
Related content

View template: bootstrap_smartmenu_children.tpl

Related content

Most Popular Tags
