Accordion Menu with Actinic V10 Smart Theme
Posted: Thu Nov 11, 2010 1:42 pm
To fit the Accordion menu into the Smart Theme on Actinic V10 do the following:
Install Accordion as per the ReadMe, but when you got to the bit:-
"2) Still in the overall layout, in the Layout Code window, where you want the menu to appear"
do the following instead.
Go to Design / Library / Layouts / Custom Sidebar Boxes / JavaScript Section List in a Box.
Look for the block of code:
Replace it with:
O.K. out and the menu should now display.
The Smart Theme loads a big JavaScript file that displayed the old menu and this should be deleted as it is no longer needed and is a big file that slows down page load times.
Edit your Overall Layout and look for the block of code:
Delete it as it's no longer used.
Repeat the above step for your the Overall Layout used on your Brochure pages.
Install Accordion as per the ReadMe, but when you got to the bit:-
"2) Still in the overall layout, in the Layout Code window, where you want the menu to appear"
do the following instead.
Go to Design / Library / Layouts / Custom Sidebar Boxes / JavaScript Section List in a Box.
Look for the block of code:
Code: Select all
<script language="javascript" type="text/javascript">
document.write(YahooSections(section_tree))
</script>
Code: Select all
<actinic:variable name="AccordionMenu" />
The Smart Theme loads a big JavaScript file that displayed the old menu and this should be deleted as it is no longer needed and is a big file that slows down page load times.
Edit your Overall Layout and look for the block of code:
Code: Select all
<actinic:variable name="JavaScriptArray" value="All Data From All Sections" />
<script language="javascript" type="text/javascript">
<!--
function YahooSections(ar)
{
var strIDs = '';
for (var i=1;i<=ar.length;i++)
{
if (ar[i].sURL != null)
{
strIDs += '<a href="' + ar[i].sURL + '"><span class="actxxsmall"><b>' + ar[i].sName + '</b></span></a><br />';
{
if (ar[i].pChild)
{
for (var j=1;j<=ar[i].pChild.length;j++)
{
if (ar[i].pChild[j].sURL != null)
{
strIDs += '<a href="' + ar[i].pChild[j].sURL + '"><span class="actxxsmall">' + ar[i].pChild[j].sName + '</span></a><br />';
}
}
}
}
strIDs += '<br />'
}
}
return strIDs
}
//-->
</script>
Repeat the above step for your the Overall Layout used on your Brochure pages.