PDA

View Full Version : Add logo to "portal" page?


camellights
02-26-10, 02:03 AM
I have found the setting to change the pdf logo, but i do not know how to add my logo to the "portal" pages?

For instance if i have an image at:


http://www.my_url.com/images/logo.png

Would i just open template.tpl and do this:



<!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>{$companyname} - {$pagetitle}{if $kbarticle.title} - {$kbarticle.title}{/if}</title>
{if $systemurl}<base href="{$systemurl}" />{/if}
<link rel="stylesheet" type="text/css" href="templates/{$template}/style.css" />
<script type="text/javascript" src="includes/jscript/jquery.js"></script>
</head>
<body>
<div id="top_container">
<div id="top">
**********----------> <img src="http://www.my_url.com/images/logo.png"> <--------**********
<div id="welcome_box">{if $loggedin}{$LANG.welcomeback}, <strong>{$clientsdetails.firstname}</strong>&nbsp;&nbsp;&nbsp;<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>&nbsp;&nbsp;&nbsp;<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>
<div id="content_container">
{if $loggedin}
<div id="top_menu">
<ul>
<li><a href="clientarea.php" title="{$LANG.clientareanavhome}">{$LANG.clientareanavhome}</a></li>
<li><a href="clientarea.php?action=details" title="{$LANG.clientareanavdetails}">{$LANG.clientareanavdetails}</a></li>
<li><a href="clientarea.php?action=products" title="{$LANG.clientareanavservices}">{$LANG.clientareanavservices}</a></li>
<li><a href="clientarea.php?action=domains" title="{$LANG.clientareanavdomains}">{$LANG.clientareanavdomains}</a></li>
<li><a href="clientarea.php?action=invoices" title="{$LANG.invoices}">{$LANG.invoices}</a></li>
<li><a href="supporttickets.php" title="{$LANG.clientareanavsupporttickets}">{$LANG.clientareanavsupporttickets}</a></li>
<li><a href="affiliates.php" title="{$LANG.affiliatestitle}">{$LANG.affiliatestitle}</a></li>
<li><a href="clientarea.php?action=emails" title="{$LANG.clientareaemails}">{$LANG.clientareaemails}</a></li>
</ul>
<div class="clear"></div>
</div>
{/if}
<div id="content_left">
<h1>{$pagetitle}</h1>
<p class="breadcrumb">{$breadcrumbnav}</p>


Obviously just for the sake of pointing it out, i will not be including the dashes or asteriks' in the coding...lol

But will that work?
sparky
02-26-10, 06:17 AM
Thats the correct line yes but replace what you have on that line there for this and upload your png image to whmcs/images directory.

<div id="company_title" style="background-color:transparent;">{if "images/logo.png"|file_exists}<img src="images/logo.png" align="left" alt="" />{else}{$companyname}{/if}</div>
camellights
02-26-10, 02:32 PM
Cool, thank you very much for the verification. I do not know much about the smarty template system, so this is a bit of a learning curve for me...lol

Thanks again
edawebdesign
03-21-10, 08:44 PM
I tried to edit my header.tpl using the code that Sparky posted, but my logo did not display, just the text of my company name. Any ideas on why this is happening?
sparky
03-21-10, 08:47 PM
that would mean that logo.png is not in your whmcs/images directory
edawebdesign
03-21-10, 08:51 PM
That would be the problem. I put logo.png in the portal theme images folder, thanks a bunch!
WP Agent Hosting
03-22-10, 08:09 PM
I really don't know what I'm doing and was trying to put my logo into the cart and assumed that's what portal meant. I tried following these instructions, but obviously didn't do it quite right. Apparently I got the right line, but not the correct command. Problem is...now it shows a command string and I don't know how to get it back to just the company name.

Can someone tell me how to get it back to company name?

And actually I was just more concerned with getting the colors to more closely match the colors of my website...so if this is something easy, can someone tell me how to do that. Oh...don't assume I'll know where to go put something...i need fairly explicit instructions. I do know how to edit something, just never sure exactly where to do it.

Thanks for any help
VehiCROS
10-29-10, 02:21 PM
The code and solution appear correct, but I could not find either template.tpl or header. tpl
So can some one tell me exactly where is the file to modify to add a header image?
John
10-29-10, 04:34 PM
It's in the /templates/*your active template*/ directory.
coolwinhosting
02-20-11, 08:51 PM
Just a note if you are using the 1 page AJAX order form in /order/ . Because this is a different directory, you will need to download the logo file to /order/images/logo.png or modify the code above to include an absolute path to the logo.