Zvýraznění aktuální položky v hlavním menu

Hlavní menu je reprezentované výčtovým datovým zdrojem obsahujícím seznam sekcí. V tomto příkladu je tento datový zdroj připojený k aktuální šabloně referencí main_menu.

Při výpisu se u každé položky zkontroluje, zda je rodičem aktuální primární sekce. Pokud ano, je třeba ji v menu zvýraznit – vyznačit jako aktuální.

Díky vlastnostem funkce isParent se jako aktuální zvýrazní i ta položka hlavního menu, která je aktuální primární sekcí.

Dále je užitečné dodržovat konvenci, která umožní volit libovolně cíl odkazu pro dané položky menu; třetí ukázka demonstruje, jak lze k tomuto účelu využít funkci target. Viz také podrobný výklad.

Fragmenty kódu

<ul id="main-menu">
{while _template.main_menu}
  <li>
    <a href="{link(_.asset)}">
      {_.title}
    </a>
  </li>
{/while}
</ul>

<ul id="main-menu">
{while _template.main_menu}
  <li>
    <a href="{link(_.asset)}">
      {if isParent(_.asset, _primary)}
        <strong>{_.title}</strong>
      {else}
        {_.title}
      {/if}
    </a>
  </li>
{/while}
</ul>

<ul id="main-menu">
{while _template.main_menu}
  <li>
    <a href="{value(target(_.asset), link(_.asset))}">
      {if isParent(_.asset, _primary)}
        <strong>{_.title}</strong>
      {else}
        {_.title}
      {/if}
    </a>
  </li>
{/while}
</ul>