Zikula Polska

Aktywna zakładka to nie jest zbyt duży problem chyba, że do wyświetlenia zakładek wykorzystujemy extended menu, które nie oferuje tej możliwości. Napiszę szybko jak się z tym uporałem w wydaje mi się ciekawy sposób w każdym razie najważniejsze że było robione "na szybko" i działa zadziwiająco skutecznie.

Nie będę się za dużo rozpisywał bo nie mam za bardzo czasu jak zwykle z resztą ale zikula pl ma nową szatę warto coś dopisać.

Extended menu to fajny blok można na nim wiele zrobić ja wykorzystałem go do stworzenia prostego menu z zakładkami. Problem jaki miałem to brak mechanizmu ustawiania klasy css dla aktywnej zakładki.

Co zrobiełem :

Stworzyłem oddzielną templatkę dla bloku. Wstawiłem ją do katalogu themes/nazwathema/templates/modules/Blocks

<div id="navcontainer_<!--[$blockinfo.bid]-->" class="navcontainer">
    <!--[pnmodgetname assign="curmodule"]-->
   
    <!--[if $tid == 1]-->
        <!--[assign var="curindex" value=0]-->
        <!--[elseif $tid == 3]-->
        <!--[assign var="curindex" value=1]-->
        <!--[elseif $tid == 4]-->
        <!--[assign var="curindex" value=2]-->
        <!--[elseif $tid == 5]-->
        <!--[assign var="curindex" value=4]-->
        <!--[elseif $curmodule == "Dizkus"]-->
        <!--[assign var="curindex" value=5]-->
        <!--[elseif $curmodule == "Profile"]-->
        <!--[assign var="curindex" value=6]-->
     <!--[/if]-->
    <ul class="navlist">
    <!--[foreach from=$menuitems item=item name=foo]-->
        <!--[if $item.name != '' && $item.url != '' ]-->
            <li <!--[if $smarty.foreach.foo.index == $curindex ]--> class="current-cat" <!--[/if]--> >
                    <a href="<!--[$item.url|pnvarprepfordisplay]-->" title="<!--[$item.title]-->">
                    <!--[ if $item.image != '' ]-->
                        <img src="<!--[ $item.image ]-->" alt="<!--[ $item.title ]-->" />
                    <!--[ /if ]-->
                    <!--[$item.name]-->
                </a>
            </li>
        <!--[else]-->
            <li >&nbsp;</li>
        <!--[/if]-->
    <!--[/foreach]-->
    </ul>
</div>

 Jak widzicie najpierw sprawdzamy jaki jest moduÅ‚(lub jak ja tid) i okreÅ›lamy indeks zakÅ‚adki. NastÄ™pnie podczas przechodzenia przez pÄ™tle porównujemy ten index z indeksem pÄ™tli jeÅ›li jest ten sam ustawiamy klase.

System jest prosty i pewnie można go udoskonalić ja zrobiłem to jak już pisałem "na szybko" żeby zobaczyć czy działa i działa całkiem sprawnie oczywiście jest pare niedociągnięć, ale jak się nad tym chwilę posiedzi to można zrobić naprawdę dużo.