Tipy a triky: obrázkové menu trochu inak

Vo fóre sa objavila zaujimavá otázka na vytvorenie obrázkového menu na stránkach poháňaných CMS Made Simple. Riešenie, ktoré bolo navrhnuté je síce zaujímave, ale my si ukážeme  na riešenie otázky využitie už predstavovanej značky content_image, modulu Menu generátor (manager) a CGSimpleSmarty.

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