adi_menu – section hierarchy, section menu and breadcrumb trail

gomedia · 2009-07-20 14:06:05

Cedric wrote:

… the currently active article doesn’t get the “active_class” attribute. Any ideas?

Yes, you’re right it doesn’t. However, there’s a some hidden functionality in adi_menu that might help – it’s probably time to bring it out of the closet. I’ll contact you via email.

Aeron · 2009-07-22 09:45:39

Firstly, awesome plugin! Works magic when combined with ‘stm_article_order’. I’ve got two questions which I want to know if this plugin can achieve:

1. Is there the possibility to include a ‘form’ from within a section li? Or better still, have the section be able to be rendered using a form similarly to the articles ie. ‘adi_menu_articles’

Basically I’m trying to achieve a first level section output such as this.

<li><a class="XX" href="<txp:site_url />" title="XXXXXX"><img class="XXXX" src="img/home.gif" width="98" height="32"><span>XXX</span></a>

or

<li><a class="XX" href="<txp:site_url />" title="<txp:custom_field name="nav_title" />"><img class="XXXX" src="XXXX" width="XX" height="XX"><span><txp:title/></span></a>

2. And second question is whether it is possible to have header or divider within the artciles (or sub menu).
ie. achieve something such as this:

<li><a class="xxx" href="<txp:site_url /></a>
		<ul>
		<li><span class="header" >Header</span></li>
		<li><a href="<txp:site_url />">How to Apply</a></li>
		<li><span class=divider" ></span></li>
		<li><a href="<txp:site_url />">Apply Now</a></li>
		</ul>
</li>

While I type this I’m thinking I could achieve this by having blank articles, and using a combination of a custom field and IF statements. Before I experiment, do you know if this could be achieved, or is already possible?

Thanks in advance.

Last edited by Aeron (2009-07-22 10:43:01)

gomedia · 2009-07-22 10:56:14

Aeron wrote:

Firstly, awesome plugin! Works magic when combined with ‘stm_article_order’.

Glad you find it useful.

1. Is there the possibility to include a ‘form’ from within a section li? Or better still, have the section be able to be rendered using a form similarly to the articles ie. ‘adi_menu_articles’

Interesting thought … I’ll have to think.

2. And second question is whether it is possible to have header or divider within the artciles (or sub menu).

Inserting dummy <li> for the purposes of formatting probably violates some sensible rule somewhere. How about using CSS in conjunction with some adi_menu attributes: ‘first_class’, ‘last_class’ & maybe ‘list_prefix’?

Aeron · 2009-07-22 13:10:42

gomedia wrote:

Interesting thought … I’ll have to think.

Great, this would make the menu a lot more flexible. One of the main reasons why this would be useful, aside from styling, is to add variables for SEO.

Inserting dummy <li> for the purposes of formatting probably violates some sensible rule somewhere.

Your probably right, but… I’ll cross that bridge when I come to it.

How about using CSS in conjunction with some adi_menu attributes: ‘first_class’, ‘last_class’ & maybe ‘list_prefix’?

I’ll see what I can come up with, I’ve only been learning TXP for a few weeks.

Aeron · 2009-07-27 15:50:43

I am playing around with the code for the sections, and I am wondering if it is at all possible to add IDs directly within links? ie.

<li><a href="<txp:site_url />" id="menu_home">Home</a></li>

instead of:

<li id="menu_home"><a href="<txp:site_url />">Home</a></li>

gomedia · 2009-07-27 21:43:49

Aeron wrote:

I am playing around with the code for the sections, and I am wondering if it is at all possible to add IDs directly within links? ie.

<li><a href="<txp:site_url />" id="menu_home">Home</a></li>

instead of:

<li id="menu_home"><a href="<txp:site_url />">Home</a></li>

What’s the reason for wanting to do this? The advantage of having IDs on the <li> is that it gives you a hook to reference the <li> and everything inside it.

Aeron · 2009-07-27 22:48:06

The reason for this is so I can apply a background images to individual sections that make up the menu, without affecting all the items beneath it.

gomedia · 2009-07-27 23:25:41

In the case of:

<li id="menu_home"><a href="<txp:site_url />">Home</a></li>

to specify a background on the <a> in CSS, how about:

li#menu_home a { background:blah blah; }

Aeron · 2009-07-28 00:33:03

li#menu_home a { background:blah blah; }

The above is what I have tried, however the background image gets applied to the sub-menu backgrounds as well because the closing </li> is not applied till the end of the submenu ie.

<li id="menu_home" class="menuparent">
	 <a href="http://localhost/xxx"><span>home</span></a>
	   <ul>
	      <li>
		 <a rel="bookmark" href="http://localhost/xxx2">Commercial Section</a>
	      </li>
  	   </ul>
</li>

gomedia · 2009-07-28 01:08:53

The sub-menu <li> should have it’s own ID as well, so you can override any inherited style,
e.g. for individual sub-menus

li#menu_home a { background:blah blah; }
li#menu_commercial a { background:none; }

or for all sub-menus under Home:

li#menu_home li a { background:none; }

or all sub-menus in the menu:

li li a { background:none; }

Aeron · 2009-07-28 06:52:15

Thanks for pointing out the options, however the way the menu is coded, doing so does not change the sub-menu styles. The only way I can get the menu to work is by assigning IDs to the individual links.

If you know a way to do so, I’d love to know.

gomedia · 2009-07-28 07:09:55

Aeron wrote:

If you know a way to do so, I’d love to know.

Please contact me via my website – you can either send me the code & styles or give me a link to look at it online.

Textpattern CMS

Textpattern CMS support forum

#121 2009-07-20 14:06:05

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#122 2009-07-22 09:45:39

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#123 2009-07-22 10:56:14

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#124 2009-07-22 13:10:42

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#125 2009-07-27 15:50:43

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#126 2009-07-27 21:43:49

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#127 2009-07-27 22:48:06

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#128 2009-07-27 23:25:41

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#129 2009-07-28 00:33:03

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#130 2009-07-28 01:08:53

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#131 2009-07-28 06:52:15

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

#132 2009-07-28 07:09:55

Re: adi_menu – section hierarchy, section menu and breadcrumb trail

Board footer