Page 1 of 1
Menu Images
Posted: Thu Jan 16, 2014 4:44 pm
by eddyR3
Hey guys, hope you are well.
Does CMSMS/Menu manager support having an image as the menu item itself?
e.g. :
http://r3designs.co.uk/syntec/
Many thanks in advance!
Eddy
Re: Menu Images
Posted: Thu Jan 16, 2014 10:11 pm
by velden
Re: Menu Images
Posted: Thu Jan 16, 2014 11:15 pm
by eddyR3
Excellent, thankyou for the speedy response!

Re: Menu Images
Posted: Thu Jan 16, 2014 11:44 pm
by eddyR3
Ok, so wondering if anyone can help me, i have a "mega menu" and trying to integrate it with CMSMS.
Ive used the Simple Menu template and customised to suit.
If you look @ this page :
http://husky-computers.co.uk/test-cms/ you'll see that the drop down under "Manufacturers" doesnt dissapear.
BUT, if you go here :
http://husky-computers.co.uk/test-cms/i ... t-number-1 You'll see how its MEANT to look!
its like its applying the correct styling when a child page of the parent is selected.
The code from menu template is :
Code: Select all
{* CSS classes used in this template:
.currentpage - The active/current page
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *}
{if $count > 0}
<ul class="nav">
{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->current == true}
<li><a href="{$node->url}" class="nav-item"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
{elseif $node->parent == true && $node->depth == 1 and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="full-col"> <a href="{$node->url}" class="nav-item drop"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
<div class="drop-full-col">
{elseif $node->type == 'sectionheader'}
<li class="sectionheader">{$node->menutext}
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="separator" />
{else}
<li class="full-col"><a class="nav-item" href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
{/if}
{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}
Any tips or suggestions would be great!

Re: Menu Images
Posted: Fri Jan 17, 2014 8:52 am
by velden
I don't know if this will be of any help but maybe it's kind of related:
http://forum.cmsmadesimple.org/viewtopi ... nu#p306033
You probably need to do some checking in the menu template for the 'depth' of the menu-item and apply classes accordingly.
Re: Menu Images
Posted: Fri Jan 17, 2014 10:20 pm
by chandra
Re: Menu Images
Posted: Fri Jan 17, 2014 10:36 pm
by eddyR3
Hey all thanks for the replies, i managed to sort it eventually with the documents provided!
Thanks again guys, really appreciated!