Tipy a triky: obrázkové menu trochu inak
Postup
1. Nainštalujeme si moduly CGExtensions a CGSimpleSmarty
2. Do šablóny vložíme pod značku {content} a kód:
{capture assign="junk"}{content_image block="obrazok do menu" label="Obrázok do menu" dir="images/css/menu"}{/capture}
3. Obrázkové menu si rozsekáme v príslušnom grafickom editore a obrázky uložíme do adresára uploads/images/css/menu.
4. V administrácii si postupne otvoríme všetky stránky z menu, a priradíme obrázok z kontextového poľa Obrázok do menu
5. Na zobrazenie menu na stránke použijeme Menu generátor (manager), kde si vytvoríme šablónu napr: obrazkove menu.
Šablóna v Menu generátor obrazkove menu, bude vyzerať zhruba nasledovne
{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{capture assign="menuname"}
{$cgsimple->get_page_content($node->alias,'obrazkove menu','obrazok')}{if $obrazok}{$obrazok}{else}{$node->menutext}{/if}{/capture}
{if $node->current == true}
<li><a href="{$node->url}" class="currentpage"{if $node->target ne ""} target="{$node->target}"{/if}>{$menuname}</a>
{elseif $node->parent == true && $node->depth == 1}
<li class="activeparent"> <a href="{$node->url}" class="activeparent"{if $node->target ne ""} target="{$node->target}"{/if}>{$menuname}</a>
{elseif $node->type == 'sectionheader'}
<li class="sectionheader">{$menuname}
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="separator" />
{else}
<li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$menuname}</a>
{/if}
{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}
6. Vloženie menu do šablóny stránky bude vypadať nasledovne
{menu template="obrazkove menu"}
Ďalšie otázky píšte do fóra
Tweet