X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   header editing (https://forum.x-cart.com/showthread.php?t=26415)

Audiolines 11-06-2006 11:13 AM
header editing
 
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 11-06-2006 11:48 AM
Re: header editing
 
Tough to tell without seeing the code. Post your head.tpl

Audiolines 11-06-2006 11:51 AM
Re: header editing
 
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 11-06-2006 11:54 AM
Re: header editing
 
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 11-06-2006 12:53 PM
Re: header editing
 
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 11-06-2006 01:02 PM
Re: header editing
 
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:xx-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 11-06-2006 01:06 PM
Re: header editing
 
i attribute this completely to the xcart designers, as far as i know this code is the way it came

balinor 11-06-2006 01:08 PM
Re: header editing
 
Certainly could be :)

Audiolines 11-06-2006 01:12 PM
Re: header editing
 
do you or do you know any one who could or would do optimization? paid of course. how much would this cost?

balinor 11-06-2006 01:31 PM
Re: header editing
 
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.


All times are GMT -8. The time now is 11:55 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.