Forum für CMS/made simple

Hawkai

hat von CMS/ms gehört

Registriert: 26. Oktober 2012

Beiträge: 14

[GELÖST] Wie kann ich dieses All-Device-Menü in CMSMS verwenden?!

Hallo Zusammen,

ich erstelle gerade eine Website mit CMS Made Simple Version 1.11.2.1.
Für diese Site habe ich eine sehr flexible 960Grid Vorlage gefunden, die ein Script verwendet,
dass die Navigation unter einer width:600px zu einem Dropdownmenü <select> werden lässt.

Nun habe die Vorlage ins CMS Made Simple übertragen, jedoch schaffe ich es nicht das <select> mit dem Menü-Inhalt zu "befüllen".

Ich die Vorlage hier hochgeladen, vielleicht kann mir jemand helfen.
All-Device-Demo-2.zip

Über einen Tip würde ich mich sehr freuen.

(Ich bin kein Entwickler und habe nur begrenzte PHP- und Java-Script Kenntnisse.)

Gruss
Kai

NaN

Moderator

Ort: Halle (Saale)

Registriert: 09. November 2010

Beiträge: 4.437

Re: [GELÖST] Wie kann ich dieses All-Device-Menü in CMSMS verwenden?!

Indem Du Dein Menü-Template entsprechend aufbaust.
D.h. z.B. Du gehst die foreach-Schleife zum Erstellen der einzelnen Links doppelt durch.
Einmal für die Links und darunter nochmal für die Select-Liste.
Hier mal ein Beispiel am Template simple_navigation.tpl:

 Hier klicken, um den Code zum Kopieren zu markieren

{* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator *} 

{assign var='number_of_levels' value=10000}
{if isset($menuparams.number_of_levels)}
  {assign var='number_of_levels' value=$menuparams.number_of_levels}
{/if}

{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}

{if $node->parent == true or $node->current == true}
  {assign var='classes' value='menuactive'}
  {if $node->parent == true}
    {assign var='classes' value='menuactive menuparent'}
  {/if}
  {if $node->children_exist == true and $node->depth < $number_of_levels}
    {assign var='classes' value=$classes|cat:' parent'}
  {/if}
  <li class="{$classes}"><a class="{$classes}" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->children_exist == true and $node->depth < $number_of_levels and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="parent"><a class="parent" href="{$node->url}"><span>{$node->menutext}</span></a>

{elseif $node->current == true}
<li class="currentpage"><h3><span>{$node->menutext}</span></h3>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader"><span>{$node->menutext}</span>

{elseif $node->type == 'separator'}
<li class="separator" style="list-style-type: none;"> <hr />

{else}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>

{/if}

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>

{* Dropdown *}

<select>
{foreach from=$nodelist item=node}
<option{if $node->current} selected="selected"{/if} value="{$node->url}">{repeat string="&nbsp;-&nbsp;" times=$node->depth-1}{$node->menutext}</option>
{/foreach}
</select>

{/if}

---

Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

Hawkai

hat von CMS/ms gehört

Registriert: 26. Oktober 2012

Beiträge: 14

Re: [GELÖST] Wie kann ich dieses All-Device-Menü in CMSMS verwenden?!

Hallo NaN,

vielen Dank für die schnelle Lösung. Jetzt funktioniert es.
Ich wünsche Dir ein schönes Wochenende.

Gruss
Kai