1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 moving page to navigation bar

Discussion in 'XenForo Questions and Support' started by localhost8080, Jul 27, 2013.

  1. localhost8080

    localhost8080 Well-Known Member

    Hello, I want to have a page within my navigation bar. what do I have to do to achieve this?

    Thank you very much!

    Unbenannt.png
     
  2. MattW

    MattW Well-Known Member

    So just a link to the page inside the navigation bar?
     
  3. localhost8080

    localhost8080 Well-Known Member

    yes, but with the content I've added to that page:

    Unbenannt2.png
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    localhost8080 and MattW like this.
  5. localhost8080

    localhost8080 Well-Known Member

  6. MattW

    MattW Well-Known Member

    This is what I have done to create my "Shop" navigation tab:

    Added the code below after <!-- extra tabs: end --> in the template

    Code:
                <!-- shop -->
                <li class="navTab shop {xen:if $tabs.shop.selected, 'selected', 'Popup PopupControl PopupClosed'}">
                    <a href="http://www.z22se.co.uk/shop" class="navLink">Shop</a>
                    <a href="http://www.z22se.co.uk/shop" class="SplitCtrl" rel="Menu"></a>
    
                    <div class="{xen:if {$tabs.shop.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} membersTabLinks">
                        <div class="primaryContent menuHeader">
                            <h3>Shop</h3>
                            <div class="muted">{xen:phrase quick_links}</div>
                        </div>
                        <ul class="secondaryContent blockLinksList">
                            <li><a href="http://www.z22se.co.uk/shop/timing-chain-kits">Timing Chain Kits</a></li>
                            <li><a href="http://www.z22se.co.uk/shop/engine/egr-cheater">EGR Cheater</a></li>
                            <li><a href="http://www.z22se.co.uk/shop/engine/blanking-plate">Blanking Plate</a></li>
                            <li><a href="http://www.z22se.co.uk/shop/service-parts">Service Parts</a></li>
                        </ul>
                    </div>
                </li>
     
  7. localhost8080

    localhost8080 Well-Known Member

    yeah! thats it! thanks!
     
  8. localhost8080

    localhost8080 Well-Known Member

    well, but how do I make my tab selected or where do I register my new tab?

    Code:
            <li class="navTab regen {xen:if $tabs.regen.selected, 'selected', 'PopupClosed'}">
                <a href="pages/niederschlag_regenradar/" class="navLink">Regenradar</a>
                <xen:if is="{$tabs.regen.selected}"><div class="tabLinks"></div></xen:if>
            </li>
    
    where do I register or declare my tabs.regen ?

    thanks
     
  9. localhost8080

    localhost8080 Well-Known Member

    Hello. Someone knows how to make my new tab activated? Istead, the "Forums" tab will be shown as active...
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    Where does the tab link to?
     
  11. localhost8080

    localhost8080 Well-Known Member

    it links to "pages/niederschlag_regenradar/

    here:

    Code:
    <li class="navTab regen {xen:if $tabs.regen.selected, 'selected', 'PopupClosed'}">
                <a href="pages/niederschlag_regenradar/" class="navLink">Regenradar</a>
                <xen:if is="{$tabs.regen.selected}"><div class="tabLinks"></div></xen:if>
            </li>
     
  12. Brogan

    Brogan XenForo Moderator Staff Member

    MattW and localhost8080 like this.

Share This Page