Accordion V2 - Displaying 4th level Sections.

Two level, smoothly expanding, search engine friendly accordion menu.
Post Reply
norman
Site Admin
Posts: 1252
Joined: Sat Feb 07, 2004 9:55 pm

Accordion V2 - Displaying 4th level Sections.

Post by norman »

This is for Accordion Menu V2.

To display 4th level items as part of the 3rd level entry:

Edit layout Accordion Sub Sections and look for the long line (about line 36):

Code: Select all

				echo '" href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" encoding="perl" selectable="false" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" encoding="perl" selectable="false" /></actinic:block>" target="_self"><actinic:variable name='SectionName' encoding="perl" selectable="false" /></a></li>';
Replace it with:

Code: Select all

				echo '" href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" encoding="perl" selectable="false" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" encoding="perl" selectable="false" /></actinic:block>" target="_self"><actinic:variable name='SectionName' encoding="perl" selectable="false" /></a>';
					// new code to show 4th level entries
					<actinic:block type="ChildSectionList" >
						echo '<a class="subsublink am_indent';
						if ( '<actinic:variable name="SectionID" selectable="false" />' == $am_sid ) echo ' am_third_current';
						echo '" href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" encoding="perl" selectable="false" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" encoding="perl" selectable="false" /></actinic:block>" target="_self"><actinic:variable name='SectionName' encoding="perl" selectable="false" /></a>';
					</actinic:block>
				// existing code resumes
				echo '</li>';
And add the following to the bottom of file accordion-glossy.css (in your Site folder):

Code: Select all

.am_indent	{margin-left:15px !important;}
Norman
Post Reply