How would you limit the amount of child categories say to 4 and the have a view more link which would then output the remaining categories, so it would be something similar to this business directory,
www.athlone.ie

I can’t get the class active to display as such. i have a css style with this:

<div id="subnav_products"><div id="nav">
<ul id="subnav_products">
[ your code ]
</ul>

and as css:

ul#subnav_products li a.active {
  color: #cc0000;
}

Hi Bici, saw you forum post about the problem.

Looks to me like you have a nested ul inside the <ul id="subnav_products">, so you may need to adjust the rule to:

ul#subnav_products ul li a.active { 
    color: #cc0000;
}

Note the extra ul. See if that works. If not, can you post the HTML output?

still not working. I got rid of the second need for the UL. Now I only have:

<div id="leftnava"><div id="nav">

and CSS:

#leftnava ul li a:hover {
  color: #cc0000;
}
#leftnava ul li a.active {
  color: #cc0000;
}

What is the HTML output from page source?

<div id="leftnava"><div id="nav">
   <ul class="category_list">
	<li><a href="http://example.dev/index.php?s=products&amp;c=angelo-brand">Angelo Brand</a></li>
	<li class="active"><a href="http://example.dev/index.php?s=products&amp;c=tiger-brand">Tiger Brand</a></li>
   </ul>

PS when i code the category listing like this:

<li><a class="active" href="http://example.dev/index.php?s=products&amp;c=tiger-brand">Tiger Brand</a></li>

it works fine.

Bici, the second example works because your rule is for the anchor (a) tag:

#leftnava ul li a.active {
  color: #cc0000;
}

If you change it to:

#leftnava ul li.active {
  color: #cc0000;
}

Then it should work for the first example, which sets the active class to the li tag: <li class="active">. Hope this helps!

Yes! Many thanks. I had some other leftnava css that was interfering with the out put. it now works.

P.S. I am starting to “get” TxP a little more after this exercise

Hi,

Is it possible to have an active class for the top category? Like this:

<ul>
   <li class="active">My Category
       <ul>
          <li>Sub Category1</li>
          <li>Sub Category2</li>
          <li>Sub Category3</li>
      </ul>
   </li>
</ul>

Hi –

i added the following to my form that handles navigation:

<txp:section_list wraptag="ul" break="li" active_class="active" sections=", about, store, samples, contact, links" />

Does the code require anything else? I copied and pasted the code and it does not work.

Thanks, it was a great tip, helped me a lot.