[Opgelost] Horizontaal en verticaal menu

[boder]

Hallo,

Voor een website is gevraag om een horizontaal en verticaal menu. Dat is gelukt door het sjabloon aan te passen. Dat ziet er nu zo uit:
(Gedeelte van de code)

Code: Select all

{* End Header *}

{* Start Navigation toegevoegd als topmenu*}
      <div id="menu_hor">
                  <h2 class="accessibility">Navigation</h2>
          {menu loadprops=0 template='cssmenu.tpl' start_level='1' collapse='2'}
          <hr class="accessibility" />
      </div>
{* End Navigation  einde toegevoegd.*}
{* Start Search, the input "Submit" is using an image, CSS: input.search-button *}
      <div id="search">
      {search}
      </div>
{* End Search *}

{* Start Breadcrumbs *}
      <div class="crbk">
{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

        <div class="breadcrumbs">
        {breadcrumbs starttext='You are here' root='Home' delimiter='&raquo;'}
          <hr class="accessibility" />
        </div>
      </div>
{* End Breadcrumbs *}

{* Start Content (Navigation and Content columns) *}
      <div id="content">
  {* Start Sidebar, 2 divs one for top image one for bottom image *}
        <div id="sidebar">
          <div id="sidebara">

{* Start Navigation, stylesheet  "Navigation: Simple - Vertical" *}
            <div id="menu_vert">
              <h2 class="accessibility">Navigation</h2>
              {menu loadprops=0 template='simple_navigation.tpl' collapse='1'}
            </div>
{* End Navigation *}

{* Start News, style sheet "Module: News" *}
            <div id="news">
              <h2>News</h2>
              {news number='3' detailpage='news'}
            </div>
end  *}
{* End News *}

Tot zover werkt het prima. Echter, menu opties moeten voorwaardelijk getoond worden
Menu structuur
1. home (mag alleen voorkomen in het verticale menu)
2. algemeen (mag alleen voorkomen in het verticale menu)
3 specifiek (mag alleen voorkomen in het verticale menu)
3.1 specifiek deel 1 (mag alleen voorkomen in het horizontale menu)
3.1.1 specifiek sub 1.1 (mag alleen voorkomen in het horizontale menu)
3.1.2 specifiek sub 1.2 (mag alleen voorkomen in het horizontale menu)
3.2 specifiek deel 2 (mag alleen voorkomen in het horizontale menu)
3.2.1 specifiek sub 2.1 (mag alleen voorkomen in het horizontale menu)
3.2.2 specifiek sub 2.2 (mag alleen voorkomen in het horizontale menu)

Ik heb uit de post van Rolf (Multilanguage menu's) deze code gehaald:

Code: Select all

{menu loadprops=0 template='cssmenu.tpl' start_level='2' collapse='2'}

Als start_level = '1', dan is het horizontale menu en het verticale menu gelijk aan elkaar. Het maakt niet uit waar je bent in het menu.
Als start_level = '2', dan worden er verschillende soorten menu's getoond, afhankelijk van waar je in het menu staat.
Menu structuur, welke menu elementen worden getoond:
1. home (verticaal oké, horizontaal menu is leeg -niet oké)
2. algemeen (verticaal oké, horizontaal menu is leeg -niet oké)
3 specifiek (verticaal oké, horizontaal alle submenu's -dus oké )
3.1 specifiek deel 1 (verticaal oké, horizontaal alle submenu's -dus oké )
3.1.1 specifiek sub 1 (verticaal oké, horizontaal alle submenu's -dus oké )
3.1.2 specifiek sub 2 (verticaal oké, horizontaal alle submenu's -dus oké )
3.2 specifiek deel 2 (verticaal oké, horizontaal alle submenu's -dus oké )
3.2.1 specifiek sub 1 (verticaal oké, horizontaal alle submenu's -dus oké )
3.2.2 specifiek sub 2 (verticaal oké, horizontaal alle submenu's -dus oké )

Vraag: hoe zorg ik er nou voor dat horizontale menu ook getoond wordt in menu 1 en 2?

Als alternatief mag ook dat menu 1 en 2 alleen verticaal zijn en menu 3, met alle submenu's, alleen horizontaal. Zolang het horizontale menu altijd getoond wordt, ook als er gekozen is voor menu 1 en 2.

Alle tips zijn welkom,

Boder.

[deactivated010521]

----------

[boder]

Hallo Arnoud,

Het horizontale menu moet altijd getoond worden, onafhankelijk van welke pagine (of menu) op dat moment actief is.

Beantwoord dat je vraag?

Boder

[mcDavid]

Uit de help van menu manager:

(optional) childrenof="" - This option will have the menu only display items that are descendants of the selected page id or alias. i.e: {menu childrenof=$page_alias} will only display the children of the current page.

dit is denk ik precies wat je zoekt voor je horizontale menu.

[boder]

Hallo mcDavid,

Dan ziet de scripting er zo uit:

Code: Select all

{* End Header *}

{* Start Navigation BDR toegevoegd als topmenu*}
      <div id="menu_hor">
          <h2 class="accessibility">Navigation</h2>
          {menu loadprops=0 template='cssmenu.tpl' collapse='0' childrenof='name-of-the-alias'}
          <hr class="accessibility" />
      </div>
{* End Navigation  einde toegevoegd.*}

{* Start Search, the input "Submit" is using an image, CSS: input.search-button *}
      <div id="search">
      {search}
      </div>
{* End Search *}

{* Start Breadcrumbs *}
      <div class="crbk">
{* holds the right image, we need 2 divs to be able to make this site fluid, if it was fixed width we could use one div, one image  *}

        <div class="breadcrumbs">
        {breadcrumbs starttext='You are here' root='Home' delimiter='&raquo;'}
          <hr class="accessibility" />
        </div>
      </div>
{* End Breadcrumbs *}

{* Start Content (Navigation and Content columns) *}
      <div id="content">
  {* Start Sidebar, 2 divs one for top image one for bottom image *}
        <div id="sidebar">
          <div id="sidebara">

{* Start Navigation, stylesheet  "Navigation: Simple - Vertical" *}
            <div id="menu_vert">
              <h2 class="accessibility">Navigation</h2>
              {menu loadprops=0 template='simple_navigation.tpl' collapse='1' number_of_levels='1'}
            </div>
{* End Navigation *}

{* Start News, style sheet "Module: News" *}
            <div id="news">
              <h2>News</h2>
              {news number='3' detailpage='news'}
            </div>
{* End News *}

En dan werkt het!

Bedankt voor de hulp.

Boder