XF 1.2 moving page to navigation bar

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>
 
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
 
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>
 
Top Bottom