[SOLVED] convert menu template in cmsms
Posted: Sun Dec 15, 2013 5:20 pm
hello
I need to convert a responsive template in CMSMS but unfortunately I can not manage the menu
could you help me I'm trying from 2 days
thank you very much
gianluca
--------------------------------------------
menu in cmsms
---------------------------------------
{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}
<div id="menu-wrapper">
<ul id="primary-nav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='<ul class="child">' 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}"
{elseif $node->type == 'sectionheader' and $node->haschildren == true}
<li class="menuparent"><a class="menuparent"><span class="sectionheader">{$node->menutext}</span></a>
{elseif $node->type == 'sectionheader'}
<li><a ><span class="sectionheader">{$node->menutext}</span></a>
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="menu_separator" />
{elseif $node->children_exist == true and $node->depth < $number_of_levels and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="menuparent"><a class="menuparent"
{else}
<li>
<a
{/if}
{if ($node->type != 'sectionheader' and $node->type != 'separator') or $node->parent == true or $node->current == true }
{if $node->target}target="{$node->target}" {/if}
href="{$node->url}"><span>{$node->menutext}</span></a>
{/if}
{/foreach}
{repeat string='</li></ul>' times=$node->depth-1}
</li>
</ul>
<div class="clearb"></div>
</div>
{/if}
-------------------------------------------------------------------
MENU IN ORIGINAL TEMPLATE
-----------------------------------------------------------------
<!-- Standard Nav (x >= 768px) -->
<div class="standard">
<div class="five column alpha">
<div class="logo">
<a href="index.html"><img src="images/logo.png" /></a><!-- Large Logo -->
</div>
</div>
<div class="eleven column omega tabwrapper">
<div class="menu-wrapper">
<ul class="tabs menu">
<li>
<a href="index.html" class="active"><span>Home</span></a>
<ul class="child">
<li><a href="index-nivo.html">Alternate</a></li>
<li><a href="index-async.html">Alternate 2</a></li>
<li><a href="index-flex.html">Alternate 3</a></li>
<li><a href="index-style-5.html">Alternate 4</a></li>
<li><a href="index-style-6.html">Alternate 5</a></li>
</ul>
</li>
<li><a href="#">Pages</a>
<ul class="child">
<li><a href="index.html">Homepages</a>
<ul>
<li><a href="index-nivo.html">Alternate</a></li>
<li><a href="index-async.html">Alternate 2</a></li>
<li><a href="index-flex.html">Alternate 3</a></li>
<li><a href="index-style-5.html">Alternate 4</a></li>
<li><a href="index-style-6.html">Alternate 5</a></li>
</ul>
</li>
<li><a href="portfolio-standard-3.html">Portfolios</a>
<ul>
<li><a href="portfolio-standard-1.html">Standard 1 Column</a></li>
<li><a href="portfolio-standard-2.html">Standard 2 Columns</a></li>
<li><a href="portfolio-standard-3.html">Standard 3 Columns</a></li>
<li><a href="portfolio-standard-3-alternate.html">Standard 3 Alternate</a></li><li><a href="portfolio-standard-4.html">Standard 4 Columns</a></li>
<li><a href="portfolio-standard-5.html">Standard 5 Columns</a></li>
<li><a href="portfolio-info.html">Info Style</a></li>
<li><a href="portfolio-basic-1.html">Basic Style</a></li>
</ul>
</li>
<li><a href="blog.html">Blog Pages</a>
<ul>
<li><a href="blog.html">Standard Blog</a></li>
<li><a href="blog-style-2.html">Blog Style 2</a></li>
<li><a href="blog-style-3.html">Blog Style 3</a></li>
<li><a href="blog-style-4.html">Blog Style 4</a></li>
<li><a href="blog-post.html">Blog Post (Single)</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Pages</a>
<ul>
<li><a href="contact.html">Contact</a></li>
<li><a href="contact-style-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="sidebar-right.html">Sidebar Right</a></li>
<li><a href="sidebar-left.html">Sidebar Left</a></li>
</ul>
</li>
<li>
<a href="blog.html">Blog</a>
<ul class="child">
<li><a href="blog.html">Standard Blog</a></li>
<li><a href="blog-style-2.html">Blog Style 2</a></li>
<li><a href="blog-style-3.html">Blog Style 3</a></li>
<li><a href="blog-style-4.html">Blog Style 4</a></li>
<li><a href="blog-post.html">Blog Post (Single)</a></li>
</ul>
</li>
<li>
<a href="portfolio-standard-3.html">
Portfolio
</a>
<ul class="child">
<li><a href="portfolio-standard-1.html">Standard 1 Column</a></li>
<li><a href="portfolio-standard-2.html">Standard 2 Columns</a></li>
<li><a href="portfolio-standard-3.html">Standard 3 Columns</a></li>
<li><a href="portfolio-standard-3-alternate.html">Standard 3 Alternate</a></li><li><a href="portfolio-standard-4.html">Standard 4 Columns</a></li>
<li><a href="portfolio-standard-5.html">Standard 5 Columns</a></li>
<li><a href="portfolio-info.html">Info Style</a></li>
<li><a href="portfolio-basic-1.html">Basic Style</a></li>
</ul>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Standard Nav Ends, Start of Mini -->
<div class="mini">
<div class="twelve column alpha omega mini">
<div class="logo">
<a href="index.html"><img src="images/logoMINI.png" /></a><!-- Small Logo -->
</div>
</div>
<div class="twelve column alpha omega navagation-wrapper">
<select class="navagation">
<option value="" selected="selected">Site Navagation</option>
</select>
</div>
</div>
<!-- Start of Mini Ends -->
---------------------------------------------------------------------
thanks for help
gia
I need to convert a responsive template in CMSMS but unfortunately I can not manage the menu
could you help me I'm trying from 2 days
thank you very much
gianluca
--------------------------------------------
menu in cmsms
---------------------------------------
{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}
<div id="menu-wrapper">
<ul id="primary-nav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='<ul class="child">' 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}"
{elseif $node->type == 'sectionheader' and $node->haschildren == true}
<li class="menuparent"><a class="menuparent"><span class="sectionheader">{$node->menutext}</span></a>
{elseif $node->type == 'sectionheader'}
<li><a ><span class="sectionheader">{$node->menutext}</span></a>
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="menu_separator" />
{elseif $node->children_exist == true and $node->depth < $number_of_levels and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="menuparent"><a class="menuparent"
{else}
<li>
<a
{/if}
{if ($node->type != 'sectionheader' and $node->type != 'separator') or $node->parent == true or $node->current == true }
{if $node->target}target="{$node->target}" {/if}
href="{$node->url}"><span>{$node->menutext}</span></a>
{/if}
{/foreach}
{repeat string='</li></ul>' times=$node->depth-1}
</li>
</ul>
<div class="clearb"></div>
</div>
{/if}
-------------------------------------------------------------------
MENU IN ORIGINAL TEMPLATE
-----------------------------------------------------------------
<!-- Standard Nav (x >= 768px) -->
<div class="standard">
<div class="five column alpha">
<div class="logo">
<a href="index.html"><img src="images/logo.png" /></a><!-- Large Logo -->
</div>
</div>
<div class="eleven column omega tabwrapper">
<div class="menu-wrapper">
<ul class="tabs menu">
<li>
<a href="index.html" class="active"><span>Home</span></a>
<ul class="child">
<li><a href="index-nivo.html">Alternate</a></li>
<li><a href="index-async.html">Alternate 2</a></li>
<li><a href="index-flex.html">Alternate 3</a></li>
<li><a href="index-style-5.html">Alternate 4</a></li>
<li><a href="index-style-6.html">Alternate 5</a></li>
</ul>
</li>
<li><a href="#">Pages</a>
<ul class="child">
<li><a href="index.html">Homepages</a>
<ul>
<li><a href="index-nivo.html">Alternate</a></li>
<li><a href="index-async.html">Alternate 2</a></li>
<li><a href="index-flex.html">Alternate 3</a></li>
<li><a href="index-style-5.html">Alternate 4</a></li>
<li><a href="index-style-6.html">Alternate 5</a></li>
</ul>
</li>
<li><a href="portfolio-standard-3.html">Portfolios</a>
<ul>
<li><a href="portfolio-standard-1.html">Standard 1 Column</a></li>
<li><a href="portfolio-standard-2.html">Standard 2 Columns</a></li>
<li><a href="portfolio-standard-3.html">Standard 3 Columns</a></li>
<li><a href="portfolio-standard-3-alternate.html">Standard 3 Alternate</a></li><li><a href="portfolio-standard-4.html">Standard 4 Columns</a></li>
<li><a href="portfolio-standard-5.html">Standard 5 Columns</a></li>
<li><a href="portfolio-info.html">Info Style</a></li>
<li><a href="portfolio-basic-1.html">Basic Style</a></li>
</ul>
</li>
<li><a href="blog.html">Blog Pages</a>
<ul>
<li><a href="blog.html">Standard Blog</a></li>
<li><a href="blog-style-2.html">Blog Style 2</a></li>
<li><a href="blog-style-3.html">Blog Style 3</a></li>
<li><a href="blog-style-4.html">Blog Style 4</a></li>
<li><a href="blog-post.html">Blog Post (Single)</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Pages</a>
<ul>
<li><a href="contact.html">Contact</a></li>
<li><a href="contact-style-2.html">Contact 2</a></li>
</ul>
</li>
<li><a href="sidebar-right.html">Sidebar Right</a></li>
<li><a href="sidebar-left.html">Sidebar Left</a></li>
</ul>
</li>
<li>
<a href="blog.html">Blog</a>
<ul class="child">
<li><a href="blog.html">Standard Blog</a></li>
<li><a href="blog-style-2.html">Blog Style 2</a></li>
<li><a href="blog-style-3.html">Blog Style 3</a></li>
<li><a href="blog-style-4.html">Blog Style 4</a></li>
<li><a href="blog-post.html">Blog Post (Single)</a></li>
</ul>
</li>
<li>
<a href="portfolio-standard-3.html">
Portfolio
</a>
<ul class="child">
<li><a href="portfolio-standard-1.html">Standard 1 Column</a></li>
<li><a href="portfolio-standard-2.html">Standard 2 Columns</a></li>
<li><a href="portfolio-standard-3.html">Standard 3 Columns</a></li>
<li><a href="portfolio-standard-3-alternate.html">Standard 3 Alternate</a></li><li><a href="portfolio-standard-4.html">Standard 4 Columns</a></li>
<li><a href="portfolio-standard-5.html">Standard 5 Columns</a></li>
<li><a href="portfolio-info.html">Info Style</a></li>
<li><a href="portfolio-basic-1.html">Basic Style</a></li>
</ul>
</li>
<li>
<a href="contact.html">
Contact
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Standard Nav Ends, Start of Mini -->
<div class="mini">
<div class="twelve column alpha omega mini">
<div class="logo">
<a href="index.html"><img src="images/logoMINI.png" /></a><!-- Small Logo -->
</div>
</div>
<div class="twelve column alpha omega navagation-wrapper">
<select class="navagation">
<option value="" selected="selected">Site Navagation</option>
</select>
</div>
</div>
<!-- Start of Mini Ends -->
---------------------------------------------------------------------
thanks for help
gia