header editing

Audiolines · #1 11-06-2006, 11:13 AM

here is a screen shot of my page:
<img src="http://audiolines.com/alexample.jpg>

basically what i want to do is move the blue bar that says "HOME","TERMS & COND" up a bit, we feel this is taking up too much real estate.

please let me know how to do this. i have been poking around head.tpl and my changes do not seem to affect the table i want

balinor · #2 11-06-2006, 11:48 AM

Tough to tell without seeing the code. Post your head.tpl

Audiolines · #3 11-06-2006, 11:51 AM

Code:

{* $Id: head.tpl,v 1.40.2.3 2004/11/19 06:40:15 max Exp $ *}
{if $usertype eq "C"}
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" style="background: url('{$ImagesDir}/custom/header_bg.jpg') no-repeat" >

<TR height="50">
<TD valign="top">
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">

<TR height="10">
<td width="25px"></td>
<TD align="left" width="10%">
<FONT style="
color:black;
family:arial;
font-size:xx-small;">
</FONT>
</td>

<br>
<TD  valign="top">
<FONT style="color:black;
family:arial;
font-weight:bold;
font-size:medium;
">&nbsp;</font></td>

<TD width="30%" align="right" valign="top">{include file="customer/top_menu.tpl"}</TD>
</TR>

</TABLE>


<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" height="20px">

<TR>  
<td><a href="http://www.audiolines.com"><img src="{$ImagesDir}/blank.gif" width="550" height="100" border="0" alt="{$smarty.capture.title|replace:"\n":""}"></a></td>

<td valign="top">{if $usertype eq "C" and $all_languages_cnt gt 1}

<TABLE border="0" cellpadding="0" cellspacing="0" valign="top">

<FORM action="home.php" method="GET" name="sl_form">
<INPUT type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.QUERY_STRING}">

<TR>
<TD align ="right" nowrap class="shadow">
<B><FONT style="color: #FFFFFF;">

{$lng.lbl_select_language}:&nbsp;</FONT></B>
<SELECT name="sl" onChange="javascript: document.sl_form.submit()">


{section name=ai loop=$all_languages}
<OPTION value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected{/if}>{$all_languages[ai].language}</OPTION>
{/section}


</SELECT>&nbsp;</TD>
</TR>
</FORM>
</TABLE>
{else}

{/if}
<table border="0" cellpadding="0" cellspacing="0" align="right" width="100%" height="100%">
     <tr>
	 <td width="100%" align="right" ><img src="{$ImagesDir}/custom/phonenumbers.gif">
     
	 </tr>

    <tr>
	<td width="100%" align="right"><img src="{$ImagesDir}/custom/sehablaespanol.gif">
	</td>
</tr>
</table>

</TR>

<TR>  
<TD colspan="2" valign="middle"></TD>
</TR>
</TABLE></TD>
</TR>

<TR height="43">
<TD>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" height="43">

<TR>  
<TD background="{$ImagesDir}/custom/head_left_bar.gif" width="279">
<IMG src="{$ImagesDir}/spacer.gif" width="279" height="1"><BR>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>  
<TD colspan="2"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="16"></TD>
</TR>

<TR>  
<TD nowrap class="shadow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href="home.php" class="VertMenuItems"><B>Home</B></A></TD>
<TD nowrap class="shadow"><A href="help.php?section=conditions" class="VertMenuItems"><B>{$lng.lbl_terms_n_conditions}</B></A></TD>
</TR>

</TABLE>
</TD>
<TD width="100%" background="{$ImagesDir}/custom/head_bottom_bg.gif">
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">

<TR>
<TD colspan="2"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="16"></TD>
</TR>

<TR>
<TD width="50%" class="shadow" nowrap align="center">&nbsp;&nbsp;&nbsp;<A href="help.php?section=contactus&mode=update" class="VertMenuItems"><B>{$lng.lbl_contact_us}</B></A>&nbsp;&nbsp;</TD>
<TD width="50%" class="shadow" nowrap align="center">&nbsp;&nbsp;<A href="help.php?section=about" class="VertMenuItems"><B>{$lng.lbl_about_our_site}</B></A>&nbsp;&nbsp;&nbsp;</TD>
</TR>

</TABLE>
</TD>
<TD background="{$ImagesDir}/custom/head_right_bar.gif" width="280">
<IMG src="{$ImagesDir}/spacer.gif" width="280" height="1"><BR>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">

<TR>
<TD align="center" class="shadow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<A href="help.php?section=Password_Recovery" class="VertMenuItems"><B>{$lng.lbl_recover_password}</B></A>&nbsp;&nbsp;&nbsp;</TD>
<TD nowrap class="shadow"><A href="help.php?section=FAQ" class="VertMenuItems"><B>{$lng.lbl_faq}</B></A><BR></TD>
</TR>

<TR>
<TD colspan="2"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="18"></TD>
</TR>

</TABLE>			
</TD>
</TR>

</TABLE>
</TD>
</TR>

<TR height="14">  
<TD>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" height="14">

<TR>  
<TD background="{$ImagesDir}/custom/head_gap_left.gif" width="171">
<IMG src="{$ImagesDir}/spacer.gif" width="175" height="14"><BR>
</TD>
<TD background="{$ImagesDir}/custom/head_gap_mid.gif" width="100%">
<IMG src="{$ImagesDir}/spacer.gif" width="171" height="14"><BR>
</TD>
<TD>

<IMG src="{$ImagesDir}/custom/head_gap_end.gif" width="14" height="14"><BR>
</TD>
<TD><IMG src="{$ImagesDir}/spacer.gif" width="88" height="1"><BR></TD>
<TD class="VertMenuBox"><IMG src="{$ImagesDir}/spacer.gif" width="171" height="1"><BR></TD>
</TR>

</TABLE>
</TD>
</TR>

</TABLE>

{else}{* $usertype eq "C" *}

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR> 
<TD width="27">&nbsp;</TD>
<TD><A href="{$http_location}"><IMG src="{$ImagesDir}/xlogo.gif" width="244" height="67" border="0" alt="{$smarty.capture.title|replace:"\n":""}"></A></TD>
<TD valign="top" align="right">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</TD></TR>
</TABLE>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR> 
<TD  colspan="2" class="VertMenuBorder"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="1" border="0"></TD>
</TR>
<TR> 
<TD class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</TD>
<TD class="HeadLine" align="right">
{if ($usertype eq "C" || $usertype eq "B")and $all_languages_cnt gt 1}
<TABLE border="0" cellpadding="0" cellspacing="0">
<FORM action="home.php" method="GET" name="sl_form">
<INPUT type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.QUERY_STRING}">
<TR>
<TD>
<B>{$lng.lbl_select_language}:&nbsp;</B>
<SELECT name="sl" onChange="javascript: document.sl_form.submit()">
{section name=ai loop=$all_languages}
<OPTION value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected{/if}>{$all_languages[ai].language}</OPTION>
{/section}
</SELECT>
</TD></TR>
</FORM>
</TABLE>
{else}
&nbsp;
{/if}
</TD>
</TR>
<TR> 
<TD  colspan="2" class="VertMenuBorder"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="1" border="0"></TD>
</TR>
{******** Remove this line to display how much products there are online ****
<TR> 
<TD colspan="2" class="NumberOfArticles" align="right">{insert name="productsonline"} {$lng.lbl_products} {if $config.Appearance.show_in_stock eq "Y"}{$lng.lbl_and} {insert name="itemsonline"} {$lng.lbl_items} {/if}{$lng.lbl_online}&nbsp;</TD>
</TR>
**** Remove this line to display how much products there are online ********}
<TR>
	<TD colspan="2" valign="middle" height="32">
<TABLE cellspacing="0" cellpadding="0" border="0" width="100%" height="18">
<TR>
	<TD><IMG src="{$ImagesDir}/spacer.gif" width="1" height="18" border="0"></TD>
{if (($main eq 'catalog' && $cat ne '') || $main eq 'product' || ($main eq 'comparison' && $mode eq 'compare_table') || ($main eq 'choosing' && $smarty.get.mode eq 'choose')) && $config.Appearance.enabled_printable_version eq 'Y'}
<TD width="100%" valign="middle" align="right">{include file="printable.tpl"}</TD>
<TD><IMG src="{$ImagesDir}/spacer.gif" width="176" height="1" border="0"></TD>
{/if}
</TR>
</TABLE>
	</TD>

</TR>
</TABLE>
{/if}

balinor · #4 11-06-2006, 11:54 AM

Ouch.....you've got a lot of code problems there which may be causing issues, but that is another issue all together. I'd start by shrinking the spacer.gif that is 100px high.

<img src="{$ImagesDir}/blank.gif" width="550" height="100" border="0" alt="{$smarty.capture.title|replace:"\n":""}">

Audiolines · #5 11-06-2006, 12:53 PM

what kind of code problems do we have? i assume we have alot of sloppy code on our site, as we have never really optimized the basic installation.

balinor · #6 11-06-2006, 01:02 PM

Quick examples:

1. height="20px", width="25px", etc - you can only use 'px' if you are using CSS.

2. <FONT style="
color:black;
family:arial;
font-size

x-small;">
</FONT>

Never use <font> tags, and if they aren't formatting anything (like this one) remove them.

3. <TABLE border="0" cellpadding="0" cellspacing="0" valign="top">

<FORM action="home.php" method="GET" name="sl_form">

Form tags need to go OUTSIDE of table tags.

Really pays to keep the code optimized, as you will have issues with some browers interpreting this code, particularly as the new ones roll out.

Audiolines · #7 11-06-2006, 01:06 PM

i attribute this completely to the xcart designers, as far as i know this code is the way it came

balinor · #8 11-06-2006, 01:08 PM

Certainly could be

Audiolines · #9 11-06-2006, 01:12 PM

do you or do you know any one who could or would do optimization? paid of course. how much would this cost?

balinor · #10 11-06-2006, 01:31 PM

It isn't bad if you know html/CSS. I think it took me about 4 hours to clean up the 4.0.18 branch to W3C compliant requirements. The 4.1 branch is much better, but not yet stable.

Afraid I can't assist you with this one, but you could post in the pro-services, requests forum.