mhassan Posted May 17, 2013 Share Posted May 17, 2013 Hello, I need to customize my client area . Which files I need to edit and what to modify in order to put my own logo in these forms and client area.? 0 Quote Link to comment Share on other sites More sharing options...
robb3369 Posted May 17, 2013 Share Posted May 17, 2013 header.tpl and footer.tpl would be a start... The homepage.tpl is the default homepage and clientareahome.tpl is client area home page Here is a good reference: http://docs.whmcs.com/Client_Area_Template_Files 0 Quote Link to comment Share on other sites More sharing options...
kwatts22 Posted May 18, 2013 Share Posted May 18, 2013 There are several different ways to do this. The template files will depend on which you have selected in Setup > General Settings. If you have default template selected it will be located at pathtowhmcs/templates/default If you have classic it will be located in pathtowhmcs/templates/classic If you have portal it will be located in pathtowhmcs/templates/portal These templates are only for the functions of whmcs and not the ordering pages. To edit the ordering pages goto pathtowhmcs/templates/orderpages Now this will depend on what you setup in Setup > General Settings > Ordering If you need to edit any of the wording it's in a folder located at pathtowhmcs/lang/english.php all the other files are used to translate the languages. However the only down fall is if you change one then you will have to change all the others also or it will not convert correctly. 0 Quote Link to comment Share on other sites More sharing options...
mhassan Posted June 14, 2013 Author Share Posted June 14, 2013 Thanks!! Will try and update . Sorry for the late update 0 Quote Link to comment Share on other sites More sharing options...
mhassan Posted June 14, 2013 Author Share Posted June 14, 2013 Please guide me what I can edit in Footer and Header files.? See a lots of code into it.? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset={$charset}" /> <title>WHMCS - {$pagetitle}</title> <link href="templates/v4/style.css" rel="stylesheet" type="text/css" /> <link href="../includes/jscript/css/ui.all.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../includes/jscript/jquery.js"></script> <script type="text/javascript" src="../includes/jscript/jqueryui.js"></script> <script type="text/javascript" src="../includes/jscript/textext.js"></script> <script type="text/javascript"> var datepickerformat = "{$datepickerformat}"; {if $jquerycode}$(document).ready(function(){ldelim} {$jquerycode} {rdelim}); {/if} {if $jscode}{$jscode} {/if} </script> <script type="text/javascript" src="templates/{$template}/head.js"></script> <script type="text/javascript" src="../includes/jscript/adminsearchbox.js"></script> {$headoutput} </head> <body> {$headeroutput} <div id="headerWrapper" align="center"> <div id="bodyContentWrapper" align="left"> <div id="mynotes"><textarea id="mynotesbox" rows="15" cols="80">{$admin_notes}</textarea><br /><input type="button" value="Save" id="savenotes" /></div> <div id="topnav"> <div id="welcome">{$_ADMINLANG.global.welcomeback} <strong>{$admin_username}</strong> - <a href="../" title="Client Area">{$_ADMINLANG.global.clientarea}</a> | <a href="#" id="shownotes" title="My Notes">{$_ADMINLANG.global.mynotes}</a> | <a href="myaccount.php" title="My Account">{$_ADMINLANG.global.myaccount}</a> | <a href="logout.php" title="Logout">{$_ADMINLANG.global.logout}</a></div> <div id="date">{$smarty.now|date_format:"%A | %d %B %Y | %H:%M %p"}</div> <div class="clear"></div> </div> <div id="intellisearch"><strong>{$_ADMINLANG.global.intellisearch}</strong><br /> <div style="padding-top: 5px;" align="center"> <input type="text" id="intellisearchval" /> <img src="images/icons/delete.png" alt="Cancel" width="16" height="16" class="absmiddle" id="intellisearchcancel" /> </div> <div align="left" id="searchresults"></div> </div> <a title="WHMCS Home" href="./" id="logo"></a> <div class="navigation"> <ul id="menu"> {include file="v4/menu.tpl"} </ul> </div> </div> </div> <div id="content_container"> <div id="left_side"> {include file="v4/sidebar.tpl"} </div> <div id="content"> {if $helplink}<div class="contexthelp"><a href="http://docs.whmcs.com/{$helplink}" target="_blank"><img src="images/icons/help.png" border="0" align="absmiddle" /> {$_ADMINLANG.help.contextlink}</a></div>{/if} <h1>{$pagetitle}</h1> <div id="content_padded"> 0 Quote Link to comment Share on other sites More sharing options...
brian! Posted June 14, 2013 Share Posted June 14, 2013 If you need to edit any of the wording it's in a folder located at pathtowhmcs/lang/english.php all the other files are used to translate the languages. However the only down fall is if you change one then you will have to change all the others also or it will not convert correctly. you only have the change the language(s) you use - you don't need to change the ones that you don't use. also, you can leave the language files unaltered and use Overriding Language Strings to just edit the strings you want to change. http://docs.whmcs.com/Language_Files#Overriding_Language_Strings I wish i'd known about that before altering the English language file, but i'll update it with overrides at the next update. 0 Quote Link to comment Share on other sites More sharing options...
brian! Posted June 14, 2013 Share Posted June 14, 2013 Please guide me what I can edit in Footer and Header files.? See a lots of code into it.? that looks to me like the source code for the Admin area rather than the client area. if all you want to do is change the logo, then where you edit will depend on which template you're using... so if you're using the "default" template, the logo is shown using the code below in header.tpl <div id="whmcsheader"> <div class="whmcscontainer"> <div id="whmcstxtlogo"><a href="index.php">{$companyname}</a></div> <div id="whmcsimglogo"><a href="index.php"><img src="templates/{$template}/img/whmcslogo.png" alt="{$companyname}" /></a></div> </div> </div> you would either need to upload your logo image to the server and then change the 'whmcslogo.png' to your filename, or save your logo as "whmcslogo.png" and upload it to the correct template directory. if the logos aren't the same dimensions, then you might need to edit further files. 0 Quote Link to comment Share on other sites More sharing options...
mhassan Posted June 14, 2013 Author Share Posted June 14, 2013 Thanks Logo thing worked !! Highly obliged. 0 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.