Tutorial:Joomla Top & Bottom Menu Integration

[aurorathemes]

Joomla 1.5.14

WHMCS : 4.0.2

 

Issue: Add Joomla Menu at top / Add Bottom Menu at bottom

 

Step 1:

==========================

-go to your site frontpage and click view source, look for where it says begin header or horizontal menu depending on your site css structure/name, and copy from where it says begin horizontal menu to end horizontal menu should look something like this below.

 

<!--Begin Horizontal Menu-->

 

your site html output here

 

<!--End Horizontal Menu-->

 

2. copy all that with html output info to your templates/portal/header.tpl file right under the div tag that says below.

 

<div id="top_container">

<div id="top">

<div id="company_title">{$companyname}</div>

<div id="welcome_box">{if $loggedin}{$LANG.welcomeback}, <strong>{$clientsdetails.firstname}</strong>   <img src="templates/{$template}/images/icons/details.gif" alt="{$LANG.clientareanavdetails}" width="16" height="16" border="0" class="absmiddle" /> <a href="clientarea.php?action=details" title="{$LANG.clientareanavdetails}"><strong>{$LANG.clientareanavdetails}</strong></a>   <img src="templates/{$template}/images/icons/logout.gif" alt="{$LANG.logouttitle}" width="16" height="16" border="0" class="absmiddle" /> <a href="logout.php" title="Logout"><strong>{$LANG.logouttitle}</strong></a>{else}{$LANG.please} <a href="clientarea.php" title="{$LANG.loginbutton}"><strong>{$LANG.loginbutton}</strong></a> {$LANG.or} <a href="register.php" title="{$LANG.clientregistertitle}"><strong>{$LANG.clientregistertitle}</strong></a>{/if}</div>

</div>

</div>

 

this is where you paste your site top horizontal output

<!--Begin Horizontal Menu-->

 

your site html output here

 

<!--End Horizontal Menu-->

 

3. you can also do the bottom follow the exact steps about only this time you paste in the file thats called footer.tpl right at the div tag below

 

<div class="clear"></div>

</div>

<!--Begin Bottom Section-->

 

your site bottom menu section output

 

<!--End Bottom Section-->

</body>

</html>

 

see attachment below for example.. <<snipped>>