Jump to content

Client Area Integration - Bootstrap navigation at bottom of page?

CodyMathis

By CodyMathis
in Developer Corner

 Share

Recommended Posts

CodyMathis Junior Member

CodyMathis

Posted
Posted

Well here we go! I thought I had this thing whipped but I was wrong. I'm having an issue with the topnav that I can't seem to debug... I'm sure its something very simple but I wanted to see if I could barrow another set of eyes on this! Trying to integrate my website into the new default template and my topnav content seems to be showing at the bottom of the page vs in the topnav bar which it should reside! I've attached a couple pictures showing the content on the site and what its actually doing.

 

Also, here is a copy of the code in the footer.tpl file:

 


{if $pagetitle eq $LANG.carttitle}</div>{/if}

   </div>
</div>

<div class="clearing"> </div>
   </div></div></div><!-- main --><!-- main2 --><!-- main3 -->
   <div id="bar"><div id="bar2"><div id="bar3">
               <div class="col">
                   <h2>Computer Services</h2>
                   <ul>
                       <li><a href="http://tablerockcomputers.com/computers.html">Virus Protection</a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">Hard Drive Replacement </a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">System Cleanup</a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">Laptop Screen Replacement</a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">New Computer Systems</a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">Used Computer Systems</a></li>
                   </ul>
               </div>  
               <div class="col">
                   <h2>Website Development </h2>
                   <ul>
                       <li><a href="http://tablerockcomputers.com/websiteservices.html">Single Page Website Design</a></li>
                       <li><a href="http://tablerockcomputers.com/websiteservices.html">Multipage Website Design</a></li>
                       <li><a href="http://tablerockcomputers.com/websiteservices.html">Custom Website Design</a></li>
                       <li><a href="http://tablerockcomputers.com/wordpress.html">Wordpress Websites</a></li>
                       <li><a href="http://tablerockcomputers.com/joomla.html">Joomla Websites</a></li>
                       <li><a href="http://tablerockcomputers.com/drupal.html">Drupal Websites</a></li>
                   </ul>
               </div>
               <div class="col">
                   <h2>Website Hosting</h2>
                   <ul>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Simple Website Hosting</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Business Website Hosting</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Reseller Website Hosting</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Dedicated Website Servers</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Domain Names</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Email Hosting</a></li>
                   </ul>
               </div>                  
               <div class="clearing"> {$footeroutput}

</body>
			</div> 
   </div></div></div><!-- bar --><!-- bar2 --><!-- bar3 -->
   <div id="footer"><div id="footer2">
           <p>Copyright © 2014, <a href="http://tablerockcomputers.com/webhosting.html">Website Hosting</a> | <a href="http://tablerockcomputers.com/websiteservices.html">Website Design</a> | <a href="http://tablerockcomputers.com/computers.html">Computer Repair</a></p>
</div></div>


</html>

 

And here is a copy of the code in the header.tpl:

 

<!DOCTYPE html>
<html lang="en">
 <head>
   <meta http-equiv="content-type" content="text/html; charset={$charset}" />
   <title>{if $kbarticle.title}{$kbarticle.title} - {/if}{$pagetitle} - {$companyname}</title>

   {if $systemurl}<base href="{$systemurl}" />
   {/if}<script type="text/javascript" src="includes/jscript/jquery.js"></script>
   {if $livehelpjs}{$livehelpjs}
   {/if}
   <link href="templates/{$template}/css/bootstrap.css" rel="stylesheet">
   <link href="templates/{$template}/css/whmcs.css" rel="stylesheet">

   <script src="templates/{$template}/js/whmcs.js"></script>

   {$headoutput}
   <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,latin-ext" rel="stylesheet" type="text/css" />
   <link href="http://tablerockcomputers.com/style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/x-icon" href="http://tablerockcomputers.com/icon.ico">

 </head>

 <body>

{$headeroutput}

   <div id="header"><div id="header2">
           <div id="logo">
             <h1><a href="http://tablerockcomputers.com/index.html"><img src="http://tablerockcomputers.com/images/logo.png" width="321" height="150" border="0" /></a></h1>
</div>
<div id="phoneheader">
             <img src="http://tablerockcomputers.com/images/phoneheader.png" width="450" height="150" border="0" /></h1>
</div>
   </div></div><!-- header --><!-- header2 -->
   <div id="menu"><div id="menu2">
           <ul>
               <li><a href="http://tablerockcomputers.com/index.html">Home</a></li>
               <li><a href="http://tablerockcomputers.com/computers.html">services</a></li>
               <li><a href="http://tablerockcomputers.com/webhosting.html">hosting</a></li>
               <li><a href="http://tablerockcomputers.com/websiteservices.html">development</a></li>
               <li><a href="http://tablerockcomputers.com/contact.html">Contact</a></li>
           </ul>
   </div></div><!-- menu --><!-- menu2 -->
   <div id="main"><div id="main2">
     <div id="main3"><!-- content -->


<div id="whmcsheader">
   <div class="whmcscontainer">

   </div>
</div>

 <div class="navbar navbar-fixed-top">
   <div class="navbar-inner">
     <div class="container">
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </a>
       <div class="nav-collapse">
       <ul class="nav">
           <li><a id="Menu-Home" href="{if $loggedin}clientarea{else}index{/if}.php">{$LANG.hometitle}</a></li>
       </ul>
{if $loggedin}
   <ul class="nav">
       <li class="dropdown"><a id="Menu-Services" class="dropdown-toggle" data-toggle="dropdown" href="#">{$LANG.navservices} <b class="caret"></b></a>
         <ul class="dropdown-menu">
           <li><a id="Menu-Services-My_Services" href="clientarea.php?action=products">{$LANG.clientareanavservices}</a></li>
           {if $condlinks.pmaddon}<li><a id="Menu-Services-My_Projects" href="index.php?m=project_management">{$LANG.clientareaprojects}</a></li>{/if}
           <li class="divider"></li>
           <li><a id="Menu-Services-Order_New_Services" href="cart.php">{$LANG.navservicesorder}</a></li>
           <li><a id="Menu-Services-View_Available_Addons" href="cart.php?gid=addons">{$LANG.clientareaviewaddons}</a></li>
         </ul>
       </li>
     </ul>


         {if $condlinks.domainreg || $condlinks.domaintrans}<ul class="nav">
           <li class="dropdown"><a id="Menu-Domains" class="dropdown-toggle" data-toggle="dropdown" href="#">{$LANG.navdomains} <b class="caret"></b></a>
             <ul class="dropdown-menu">
               <li><a id="Menu-Domains-My_Domains" href="clientarea.php?action=domains">{$LANG.clientareanavdomains}</a></li>
               <li class="divider"></li>
               <li><a id="Menu-Domains-Renew_Domains" href="cart.php?gid=renewals">{$LANG.navrenewdomains}</a></li>
               {if $condlinks.domainreg}<li><a id="Menu-Domains-Register_a_New_Domain" href="cart.php?a=add&domain=register">{$LANG.navregisterdomain}</a></li>{/if}
               {if $condlinks.domaintrans}<li><a id="Menu-Domains-Transfer_Domains_to_Us" href="cart.php?a=add&domain=transfer">{$LANG.navtransferdomain}</a></li>{/if}
               {if $enomnewtldsenabled}<li><a id="Menu-Domains-Preregister_New_TLDs" href="{$enomnewtldslink}">Preregister New TLDs</a></li>{/if}
               <li class="divider"></li>
               <li><a id="Menu-Domains-Whois_Lookup" href="domainchecker.php">{$LANG.navwhoislookup}</a></li>
             </ul>
           </li>
         </ul>{/if}

         <ul class="nav">
           <li class="dropdown"><a id="Menu-Billing" class="dropdown-toggle" data-toggle="dropdown" href="#">{$LANG.navbilling} <b class="caret"></b></a>
             <ul class="dropdown-menu">
               <li><a id="Menu-Billing-My_Invoices" href="clientarea.php?action=invoices">{$LANG.invoices}</a></li>
               <li><a id="Menu-Billing-My_Quotes" href="clientarea.php?action=quotes">{$LANG.quotestitle}</a></li>
               <li class="divider"></li>
               {if $condlinks.addfunds}<li><a id="Menu-Billing-Add_Funds" href="clientarea.php?action=addfunds">{$LANG.addfunds}</a></li>{/if}
               {if $condlinks.masspay}<li><a id="Menu-Billing-Mass_Payment" href="clientarea.php?action=masspay&all=true">{$LANG.masspaytitle}</a></li>{/if}
               {if $condlinks.updatecc}<li><a id="Menu-Billing-Manage_Credit_Card" href="clientarea.php?action=creditcard">{$LANG.navmanagecc}</a></li>{/if}
             </ul>
           </li>
         </ul>

         <ul class="nav">
           <li class="dropdown"><a id="Menu-Support" class="dropdown-toggle" data-toggle="dropdown" href="#">{$LANG.navsupport} <b class="caret"></b></a>
             <ul class="dropdown-menu">
               <li><a id="Menu-Support-Tickets" href="supporttickets.php">{$LANG.navtickets}</a></li>
               <li><a id="Menu-Support-Knowledgebase" href="knowledgebase.php">{$LANG.knowledgebasetitle}</a></li>
               <li><a id="Menu-Support-Downloads" href="downloads.php">{$LANG.downloadstitle}</a></li>
               <li><a id="Menu-Support-Network_Status" href="serverstatus.php">{$LANG.networkstatustitle}</a></li>
             </ul>
           </li>
         </ul>

         <ul class="nav">
           <li><a id="Menu-Open_Ticket" href="submitticket.php">{$LANG.navopenticket}</a></li>
         </ul>

         {if $condlinks.affiliates}<ul class="nav">
           <li><a id="Menu-Affiliates" href="affiliates.php">{$LANG.affiliatestitle}</a></li>
         </ul>{/if}

{if $livehelp}
         <ul class="nav">
           <li><a id="Menu-Live_Chat" href="#" class="LiveHelpButton">Live Chat - <span class="LiveHelpTextStatus">Offline</span></a></li>
         </ul>
{/if}

         <ul class="nav pull-right">
           <li class="dropdown">
             <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="Menu-Hello_User">{$LANG.hello}, {$loggedinuser.firstname}! <b class="caret"></b></a>
             <ul class="dropdown-menu">
               <li><a id="Menu-Hello_User-Edit_Account_Details" href="clientarea.php?action=details">{$LANG.editaccountdetails}</a></li>
               {if $condlinks.updatecc}<li><a id="Menu-Hello_User-Contacts_Sub-Accounts" href="clientarea.php?action=creditcard">{$LANG.navmanagecc}</a></li>{/if}
               <li><a href="clientarea.php?action=contacts">{$LANG.clientareanavcontacts}</a></li>
               {if $condlinks.addfunds}<li><a id="Menu-Hello_User-Add_Funds" href="clientarea.php?action=addfunds">{$LANG.addfunds}</a></li>{/if}
               <li><a id="Menu-Hello_User-Email_History" href="clientarea.php?action=emails">{$LANG.navemailssent}</a></li>
               <li><a id="Menu-Hello_User-Change_Password" href="clientarea.php?action=changepw">{$LANG.clientareanavchangepw}</a></li>
               <li class="divider"></li>
               <li><a id="Menu-Hello_User-Logout" href="logout.php">{$LANG.logouttitle}</a></li>
             </ul>
           </li>
         </ul>
{else}
         <ul class="nav">
           <li><a id="Menu-Annoucements" href="announcements.php">{$LANG.announcementstitle}</a></li>
         </ul>

         <ul class="nav">
           <li><a id="Menu-Knowledgebase" href="knowledgebase.php">{$LANG.knowledgebasetitle}</a></li>
         </ul>

         <ul class="nav">
           <li><a id="Menu-Network_Status" href="serverstatus.php">{$LANG.networkstatustitle}</a></li>
         </ul>

         <ul class="nav">
           <li><a id="Menu-Affiliates" href="affiliates.php">{$LANG.affiliatestitle}</a></li>
         </ul>

         <ul class="nav">
           <li><a id="Menu-Contact_Us" href="contact.php">{$LANG.contactus}</a></li>
         </ul>

{if $livehelp}
         <ul class="nav">
           <li><a id="Menu-Live_Chat" href="#" class="LiveHelpButton">Live Chat - <span class="LiveHelpTextStatus">Offline</span></a></li>
         </ul>
{/if}

         <ul class="nav pull-right">
           <li class="dropdown"><a id="Menu-Account" class="dropdown-toggle" data-toggle="dropdown" href="#">{$LANG.account} <b class="caret"></b></a>
             <ul class="dropdown-menu">
               <li><a id="Menu-Account-Login" href="clientarea.php">{$LANG.login}</a></li>
               <li><a id="Menu-Account-Register" href="register.php">{$LANG.register}</a></li>
               <li class="divider"></li>
               <li><a id="Menu-Account-Forgot_Password" href="pwreset.php">{$LANG.forgotpw}</a></li>
             </ul>
           </li>
         </ul>
{/if}

       </div><!-- /.nav-collapse -->
     </div>
   </div><!-- /navbar-inner -->
 </div><!-- /navbar -->


<div class="whmcscontainer">
   <div class="contentpadded">




{if $pagetitle eq $LANG.carttitle}<div id="whmcsorderfrm">{/if}

 

 

 

whmcs2.png

 

Any ideas, thoughts or considerations would be greatly appreciated!

 

Thanks.

Cody

whmcs1.png

0
Link to comment
Share on other sites
Cain72 Member

Cain72

Posted
Posted

Hi Cody,

 

 

 


{if $pagetitle eq $LANG.carttitle}</div>{/if}

   </div>
</div>

<div class="clearing"> </div>
   </div></div></div><!-- main --><!-- main2 --><!-- main3 -->
   <div id="bar"><div id="bar2"><div id="bar3">
               <div class="col">
                   <h2>Computer Services</h2>
                   <ul>
                       <li><a href="http://tablerockcomputers.com/computers.html">Virus Protection</a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">Hard Drive Replacement </a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">System Cleanup</a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">Laptop Screen Replacement</a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">New Computer Systems</a></li>
                       <li><a href="http://tablerockcomputers.com/computers.html">Used Computer Systems</a></li>
                   </ul>
               </div>  
               <div class="col">
                   <h2>Website Development </h2>
                   <ul>
                       <li><a href="http://tablerockcomputers.com/websiteservices.html">Single Page Website Design</a></li>
                       <li><a href="http://tablerockcomputers.com/websiteservices.html">Multipage Website Design</a></li>
                       <li><a href="http://tablerockcomputers.com/websiteservices.html">Custom Website Design</a></li>
                       <li><a href="http://tablerockcomputers.com/wordpress.html">Wordpress Websites</a></li>
                       <li><a href="http://tablerockcomputers.com/joomla.html">Joomla Websites</a></li>
                       <li><a href="http://tablerockcomputers.com/drupal.html">Drupal Websites</a></li>
                   </ul>
               </div>
               <div class="col">
                   <h2>Website Hosting</h2>
                   <ul>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Simple Website Hosting</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Business Website Hosting</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Reseller Website Hosting</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Dedicated Website Servers</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Domain Names</a></li>
                       <li><a href="http://tablerockcomputers.com/webhosting.html">Email Hosting</a></li>
                   </ul>
               </div>                  
               <div class="clearing"> {$footeroutput}


               </div> 
   </div></div></div><!-- bar --><!-- bar2 --><!-- bar3 -->
   <div id="footer"><div id="footer2">
           <p>Copyright © 2014, <a href="http://tablerockcomputers.com/webhosting.html">Website Hosting</a> | <a href="http://tablerockcomputers.com/websiteservices.html">Website Design</a> | <a href="http://tablerockcomputers.com/computers.html">Computer Repair</a></p>
</div></div>

</body>
</html>

 

just check that your secondary footer is within the <body> </body>.. i made the change in the code above, thats the first thing that stood out at me when i took a quick look.

 

see if that helps, my headers and footer are a little different, though i run boot strap as well,

 

let me know how you go i dont mind helping out with this, btw, love the site style very slick ;)

 

 

Cain

0
Link to comment
Share on other sites
  • 5 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated

  I accept