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
Yes. Read http://docs.cmsmadesimple.org/modules/core/menu-manager

$node->image

read about 'loadprops' too.

Re: Menu Images

Posted: Thu Jan 16, 2014 11:15 pm
by eddyR3
Excellent, thankyou for the speedy response! :D

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!