XF 1.2 Sublink for Home

[Anh3Hung]

This is a stupid question.....

How to create or active the tab sub-link for Home in NavigationBar like Forum, Member... on navigation bar?

Thanks

 

[Paul B]

It requires an add-on: http://xenforo.com/community/resources/nodes-as-tabs.9/

Assuming you are using a node as a home page.

 

[Anh3Hung]

how about edit code in the navigation template ?

 

[EQnoble]

how about edit code in the navigation template ?

Though I would probably just use Nodes As Tabs, this is an example of how you can do that with template edits or modifications.

Edit template: navigation

Find:

        <!-- home -->
        <xen:if is="{$showHomeLink}">
            <li class="navTab home PopupClosed"><a href="{$homeLink}" class="navLink">{xen:phrase home}</a></li>
        </xen:if>

Replace with:

        <!-- home -->
        <xen:if is="{$showHomeLink}">
            <li class="navTab home {xen:if $tabs.home.selected, 'selected', 'Popup PopupControl PopupClosed'}">
                <a href="{$homeLink}" class="navLink">{xen:phrase home}</a>
                <a href="{$tabs.home.href}" class="SplitCtrl" rel="Menu"></a>
                <div class="{xen:if {$tabs.home.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} homeTabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{xen:phrase home}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    <ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_home">
                        <li><a href="http://EXAMPLE.COM/PAGE1" rel="nofollow">EXAMPLE LINK 1</a></li>
                        <li><a href="http://EXAMPLE.COM/PAGE2" rel="nofollow">EXAMPLE LINK 2</a></li>
                        <li><a href="http://EXAMPLE.COM/PAGE3" rel="nofollow">EXAMPLE LINK 3</a></li>
                        <li><a href="http://EXAMPLE.COM/PAGE4" rel="nofollow">EXAMPLE LINK 4</a></li>
                        <li><a href="http://EXAMPLE.COM/PAGE5" rel="nofollow">EXAMPLE LINK 5</a></li>
                    </xen:hook>
                    </ul>
                </div>
            </li>
        </xen:if>

 

[Anh3Hung]

yes, it shows the menu in Home tab but it doesn't show the sub menu like this:

how to edit Navigation template to always show the Home' sub menu like Diễn đàn (forum)' sub menu.

Thanks alot.

 

[EQnoble]

Since your home tab is not selected it will not display.

If your tabLinks from your home tab always display there will be problems when you are at a page that corresponds to a different tab.

I did it this way so the home tab has a drop down menu because by default xenforo doesn't have a home page and therefor the home tab will never be selected by default in any scenario.

If you have a custom home page you would need to customize whatever you use for a home page for these to display as tabLinks underneath the Home tab when it is selected.

 

[Anh3Hung]

when i click on the home it doesn't show the home' sub-menu

 

[EQnoble]

When you click home it goes to a link you set when you installed xenforo

If you make your home button link to the forums...the forums tab will be selected because that is where you are regardless what you clicked to get there.

If you want your home tab to display the links below it you need to apply that to whatever custom thing you use for a home page so that when you are actually viewing a 'home page' the home tab will be selected and it's sublinks will show.

If you just want those links to show when you click home and disappear when you move your mouse away or click something else that can be done but it would require custom javascript.

 

[Anh3Hung]

i got it, thanks alot

 

[reddy ink]

@EQnoble Hello, My home page is linked to a page that doesn't have any sub-links.
I would like to add sublinks and not a drop down. THis will stay underhome all the time.

What changes do I need to make to the code below to accomplish that?

Many thanks!

Though I would probably just use Nodes As Tabs, this is an example of how you can do that with template edits or modifications.

Edit template: navigation

Find:

        <!-- home -->
        <xen:if is="{$showHomeLink}">
            <li class="navTab home PopupClosed"><a href="{$homeLink}" class="navLink">{xen:phrase home}</a></li>
        </xen:if>

Replace with:

        <!-- home -->
        <xen:if is="{$showHomeLink}">
            <li class="navTab home {xen:if $tabs.home.selected, 'selected', 'Popup PopupControl PopupClosed'}">
                <a href="{$homeLink}" class="navLink">{xen:phrase home}</a>
                <a href="{$tabs.home.href}" class="SplitCtrl" rel="Menu"></a>
                <div class="{xen:if {$tabs.home.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} homeTabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{xen:phrase home}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    <ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_home">
                        <li><a href="http://EXAMPLE.COM/PAGE1" rel="nofollow">EXAMPLE LINK 1</a></li>
                        <li><a href="http://EXAMPLE.COM/PAGE2" rel="nofollow">EXAMPLE LINK 2</a></li>
                        <li><a href="http://EXAMPLE.COM/PAGE3" rel="nofollow">EXAMPLE LINK 3</a></li>
                        <li><a href="http://EXAMPLE.COM/PAGE4" rel="nofollow">EXAMPLE LINK 4</a></li>
                        <li><a href="http://EXAMPLE.COM/PAGE5" rel="nofollow">EXAMPLE LINK 5</a></li>
                    </xen:hook>
                    </ul>
                </div>
            </li>
        </xen:if>