Custom section/sub-section list navigation

[maffpunton]

Hi!

I'm wanting to create a navigation bar as follows:

<h3>Main Section 1</h3>
  <ul>
    <li>Sub-Section 1</li>
    <li>Sub-Section 2</li>
    <li>Sub-Section 3</li>
    <li>Sub-Section 4</li>
    <li>Sub-Section 5</li>
  </ul>
<h3>Main Section 2</h3>
  <ul>
    <li>Sub-Section 1</li>
    <li>Sub-Section 2</li>
    <li>Sub-Section 3</li>
  </ul>

Anyone know how I can do it? I've tried messing around with a copy of "Site Map Section List" but, to be honest, I'm a bit lost. Please help!

Thanks.

[NormanRouxel]

Look in the Advanced Guide for "Advanced List Functionality".

[maffpunton]

Thanks for that, I wasn't aware of that section. I've used the code which seems like it should suit my needs exactly but it doesn't seem to be working correctly. The code the guide gives is adapted to my needs below:

<actinic:block type="EntireSectionList">

<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%201" >
	<h3 class="lrb"><actinic:variable name='SectionName'/></h3>
</actinic:block>

<actinic:block if="%28%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%202%29%20AND%20%28%3cactinic%3avariable%20name%3d%22ListIndex%22%20%2f%3e%20%3d%3d%201%29" >
	<ul>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%202">
	<li><a href="<actinic:variable name="SectionPageName"/>" target="_self"><actinic:variable name='SectionName'/></a></li>
</actinic:block>
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22SectionLevel%22%20%2f%3e%20%3d%3d%202%29%20AND%20%28%3cactinic%3avariable%20name%3d%22ListIndex%22%20%2f%3e%20%3d%3d%20%3cactinic%3avariable%20name%3d%22ListCount%22%20%2f%3e%29" >
	</ul>
</actinic:block>

</actinic:block>

Which I have inserted into actinic; however, the resulting source code doesnt include the <ul> and </ul>.

	<h3 class="lrb">Books</h3>

	<h3 class="lrb">Clothing</h3>

	<li><a href="P_Test_1.html" target="_self">Test 1</a></li>

	<li><a href="P_Test_2.html" target="_self">Test 2</a></li>

	<h3 class="lrb">Homeware</h3>

	<li><a href="P_Test_3.html" target="_self">Test 3</a></li>

	<h3 class="lrb">Computers</h3>

	<h3 class="lrb">Stationery</h3>

Does anyone know why the <ul></ul> isn't appearing? Thanks.

[NormanRouxel]

The logic behind your <UL> and </UL> blocks must be faulty.

There are plenty of posts regarding replacing the Site Map with an UL. Some of them should help.

[maffpunton]

Hi Norman,

I don't quite understand what you mean by "the logic behind the <ul> and </ul> blocks" (?)

[NormanRouxel]

You have a Condition around these lines. The Condition is probably wrong.

[maffpunton]

It's taken directly from the advanced user guide

[NormanRouxel]

Then that Advanced Guide article is probably wrong.

Best look for other Site Map posts as this has definitely been covered before.