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)
-   -   moving search bar (https://forum.x-cart.com/showthread.php?t=37738)

toolexperts 02-21-2008 05:30 AM

moving search bar
 
My site is at 216.75.30.97.

I want to move the search bar to the right hand side of the logo area

How is this done?

kube 02-21-2008 05:48 AM

Re: moving search bar
 
Hi there,

in skin1/head.tpl

You could try moving...
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}

into your empty...
<td class="HeadRightBox">

It will get messy so remember to back up. As you'll need to do a few things to get it sitting right.

Also, use webmaster mode - it's your friend.

Regards,
Doms

toolexperts 02-21-2008 05:59 AM

Re: moving search bar
 
thanks kube...where do I go to comment the old one out?

toolexperts 02-21-2008 06:07 AM

Re: moving search bar
 
also what coding would i put in to make it align right?

kube 02-21-2008 06:16 AM

Re: moving search bar
 
The original search box is located further down in head.tpl using the same code as I mentioned.

Also where you have placed the new snip into the TD HeadRightBox, surround it with {if $main ne "fast_lane_checkout"} so it looks like...

<td class="HeadRightBox">
{if $main ne "fast_lane_checkout"}
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
{/if}
</td>

toolexperts 02-21-2008 06:55 AM

Re: moving search bar
 
I have implemented this and it seems to be working fine..thank you

kube 02-21-2008 07:39 AM

Re: moving search bar
 
toolexperts you're going to have to watch out what's happening with the code, becareful.

At the moment you have a TD HeadRightBox inside another TD HeadRightBox.

Also your TD Container isn't closed - but that isn't an effect of moving the search bar. Make sure you have these sorted otherwise it will become a headache. This is the reason why things aren't aligning as to how you wish.

toolexperts 02-21-2008 08:46 AM

Re: moving search bar
 
**scratches head** it looks fine to me....what do i need to fix? Thanks in advance

kube 02-21-2008 09:05 AM

Re: moving search bar
 
It may look fine but something is wrong somewhere.

From viewing your source and half-way down, this is what is corrupting it (a HTML comment from me shows the problem below)...

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
</td> <!---<<<<<<< The problem is here, a closing </TD> tag with no beginning/open <TD> tag! -->
<td class="HeadLine" align="right">&nbsp;

</td>

</tr>
<tr>
<td colspan="2">
</td>
</tr>
</table><!-- main area -->


Hope this helps.

toolexperts 02-21-2008 09:23 AM

Re: moving search bar
 
ok that should have killed it...thanks!

kube 02-21-2008 09:52 AM

Re: moving search bar
 
The problem looks like it is still there. View the source.

Also when you have sorted that. To get that search box right aligned go into customer/search.tpl and edit...
<table cellpadding="0" cellspacing="0">
to
<table cellpadding="0" cellspacing="0" align="right">

toolexperts 02-21-2008 10:13 AM

Re: moving search bar
 
I have looked everywhere for the code you reference as being an issue...here is my head.tpl

{* $Id: head.tpl,v 1.58.2.1 2007/09/03 06:15:21 max Exp $ *}
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/logo.jpg" alt="" /></a></td>

<td class="HeadRightBox">
{if $main ne "fast_lane_checkout"}
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="subnav">{if $usertype eq "C"}
{include file="customer/speed_bar.tpl"}
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
{if $main ne "fast_lane_checkout"}
<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") && $all_languages_cnt gt 1}
<form action="home.php" method="get" name="sl_form">
<input type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.Q UERY_STRING|amp}" />
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 5px; vertical-align: middle;">{$lng.lbl_select_language}:</td>
<td><select name="sl" onchange="javascript: this.form.submit();">
{section name=ai loop=$all_languages}
<option value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected="selected"{/if}>{$all_languages[ai].language}</option>
{/section}
</select></td>
</tr>
</table>
</form>
{else}
&nbsp;
{/if}
</tr>
<tr>
<td colspan="2">
{include file="customer/header_sub.tpl"}
</td>
</tr>
{else}
{* Fast Lane Checkout page *}
<tr>
<td colspan="2" class="HeadLine">
<form action="{$xcart_web_dir}/include/login.php" method="post" name="toploginform">
<input type="hidden" name="mode" value="logout" />
<input type="hidden" name="redirect" value="{$redirect|escape}" />
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="FLCAuthPreBox">
{if $active_modules.SnS_connector and $sns_collector_path_url ne '' && $config.SnS_connector.sns_display_button eq 'Y'}
<img src="{$ImagesDir}/rarrow.gif" alt="" valign="middle" /><b>{include file="modules/SnS_connector/button.tpl" text_link="Y"}</b>
{else}
<img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" />
{/if}
</td>
{if $login ne ""}
<td align="right" nowrap="nowrap"><b>{$userinfo.firstname} {$userinfo.lastname}</b> {$lng.txt_logged_in}</td>
<td class="FLCAuthBox">
{if $js_enabled}
{include file="buttons/button.tpl" button_title=$lng.lbl_logoff href="javascript: document.toploginform.submit();" js_to_href="Y"}
{else}
{include file="buttons/logout_menu.tpl"}
{/if}
</td>
{/if}
</tr>
</table>
</form>
</td>
</tr>
{/if}
{******** Remove this line to display how much products there are online ****
<tr>
{insert name="productsonline" assign="_productsonline"}
<td colspan="2" class="NumberOfArticles" align="right">
{if $config.Appearance.show_in_stock eq "Y"}
{insert name="itemsonline" assign="_itemsonline"}
{$lng.lbl_products_and_items_online|substitute:"X" :$_productsonline:"Y":$_itemsonline}
{else}
{$lng.lbl_products_online|substitute:"X":$_product sonline}
{/if}
&nbsp;
</td>
</tr>
**** Remove this line to display how much products there are online ********}
{if $main ne "fast_lane_checkout"}{else}
{* Fast Lane Checkout page *}
<tr>
<td colspan="2" class="FLCTopPad"><img src="{$ImagesDir}/spacer.gif" alt="" /></td>
</tr>
{/if}
</table>

kube 02-21-2008 10:27 AM

Re: moving search bar
 
Here it is, find...

{if $main ne "fast_lane_checkout"}
<tr>
{*<td class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}*}
</td>
<td class="HeadLine" align="right">

Change it to (noting where the ending comment has moved to and the additional colspan in the following TD)...

{if $main ne "fast_lane_checkout"}
<tr>
{*<td class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</td>*}
<td class="HeadLine" align="right" colspan="2">

Remember to back up & let us know your results.
Doms

toolexperts 02-21-2008 10:34 AM

Re: moving search bar
 
ok implemented that....thanks! Also, the search bar since it has moved there is a line or block of black below my speed bar now, ho can i remedy this?

toolexperts 02-21-2008 10:49 AM

Re: moving search bar
 
ok figured that out yet when i removed it i get a huge line of blank space...is there a way to bring the categories and featured products flush with the speed bar now?

kube 02-21-2008 11:05 AM

Re: moving search bar
 
I think the extra black bar you have there is for printable pages - if you are not going to use printable pages then you can comment it out.

Edit: I have that wrong. Looking into it.

toolexperts 02-21-2008 11:08 AM

Re: moving search bar
 
i dont see anything about printable pages in the head code...

when I delete instead of comment out the code you and I fixed...it erases that bar yet leaves a empty space.

kube 02-21-2008 11:19 AM

Re: moving search bar
 
Yup you're right. Sorry mine has printable pages there.

It's a case of getting rid of that great whacking table from...

<table cellpadding="0" cellspacing="0" width="100%">
{if $main ne "fast_lane_checkout"}

I'm a little uneasy about removing this table as I am not sure if you'll be needing it or not.

toolexperts 02-21-2008 11:22 AM

Re: moving search bar
 
what exactly does fast lane checkout do? I am setting the site up so the customer login will be a button on the speed bar.

toolexperts 02-21-2008 11:31 AM

Re: moving search bar
 
i tried pulling it out...got a error message about an unexpected R, put it back in site back up

toolexperts 02-21-2008 11:32 AM

Re: moving search bar
 
if you look at the site i have removed the black bar...there is just that huge butted space there

toolexperts 02-21-2008 11:38 AM

Re: moving search bar
 
ahh frig...ok lemme fix what i screwed up

toolexperts 02-21-2008 11:42 AM

Re: moving search bar
 
ok fixed it now you can see the big butted break lol

toolexperts 02-21-2008 12:06 PM

Re: moving search bar
 
ok found the fast lane checkout in the head.tpl code...that is why when i blasted the other code it went ape...is there anyway to get rid of that small area?

toolexperts 02-22-2008 04:49 AM

Re: moving search bar
 
the area that i am referring to can be seen at 21.75.30.97, if anyone can help me get the blank space between the speed bar and the categories and featured items removed i will be eternally grateful

imexhouse 02-22-2008 03:28 PM

Re: moving search bar
 
I think you mean 216.75.30.97

What does this piece of code do:

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="FLCAuthPreBox">
<img src="/skin1/images/spacer.gif" class="Spc" alt="" />
</td>
</tr>
</table>
?

Try commenting it out and see what happens.

toolexperts 02-25-2008 06:13 AM

Re: moving search bar
 
no go....

kube 02-25-2008 06:35 AM

Re: moving search bar
 
Below is what is creating the extra row... Make sure that it doesn't contain print-page buttons and anything else when you log in too. Also, the functionality of the login box within the snippet has disappeared so if you have replaced it to somewhere else then it should be safe to remove.

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="HeadLine" align="right">
&nbsp;
</td>
</tr>

<tr>
<td colspan="2" class="HeadLine">
<form action="/include/login.php" method="post" name="toploginform">
<input type="hidden" name="mode" value="logout" />
<input type="hidden" name="redirect" value="customer" />
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="FLCAuthPreBox">
<img src="/skin1/images/spacer.gif" class="Spc" alt="" />
</td>
</tr>
</table>
</form>
</td>

</tr>
</table>

toolexperts 02-25-2008 07:18 AM

Re: moving search bar
 
tried that cube...it removed the whole entire header lol

kube 02-25-2008 07:26 AM

Re: moving search bar
 
Hmm odd. Are you sure you're removing the right tables?

Those tables do not contain any links, logo, text or anything apart from a form. And previewing it in my browser through Dreamweaver seems to give the desired result.

toolexperts 02-25-2008 07:29 AM

Re: moving search bar
 
ok i commented out a part of it which seems to have removed a partial part of the line, there is still a break there, I am appending my code and experimenting as we speak if anyone can pinpoint the problem please let me know


{* $Id: head.tpl,v 1.58.2.1 2007/09/03 06:15:21 max Exp $ *}
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/logo.jpg" alt="" /></a></td>
<td class="HeadRightBox">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="subnav">{if $usertype eq "C"}
{include file="customer/speed_bar.tpl"}
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
{if $main ne "fast_lane_checkout"}
<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") && $all_languages_cnt gt 1}
<form action="home.php" method="get" name="sl_form">
<input type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.Q UERY_STRING|amp}" />
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 5px; vertical-align: middle;">{$lng.lbl_select_language}:</td>
<td><select name="sl" onchange="javascript: this.form.submit();">
{section name=ai loop=$all_languages}
<option value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected="selected"{/if}>{$all_languages[ai].language}</option>
{/section}
</select></td>
</tr>
</table>
</form>
{else}
&nbsp;
{/if}
</td>
</tr>*}
{*<tr>
<td colspan="2">
{include file="customer/header_sub.tpl"}
</td>
</tr>
{else}*}
{* Fast Lane Checkout page *}
<tr>
<td colspan="2" class="HeadLine">
<form action="{$xcart_web_dir}/include/login.php" method="post" name="toploginform">
<input type="hidden" name="mode" value="logout" />
<input type="hidden" name="redirect" value="{$redirect|escape}" />
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="FLCAuthPreBox">
{if $active_modules.SnS_connector and $sns_collector_path_url ne '' && $config.SnS_connector.sns_display_button eq 'Y'}
<img src="{$ImagesDir}/rarrow.gif" alt="" valign="middle" /><b>{include file="modules/SnS_connector/button.tpl" text_link="Y"}</b>
{else}
<img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" />
{/if}
</td>
{if $login ne ""}
<td align="right" nowrap="nowrap"><b>{$userinfo.firstname} {$userinfo.lastname}</b> {$lng.txt_logged_in}</td>
<td class="FLCAuthBox">
{if $js_enabled}
{include file="buttons/button.tpl" button_title=$lng.lbl_logoff href="javascript: document.toploginform.submit();" js_to_href="Y"}
{else}
{include file="buttons/logout_menu.tpl"}
{/if}
</td>
{/if}
</tr>
</table>
</form>
</td>
</tr>
{/if}
{******** Remove this line to display how much products there are online ****
<tr>
{insert name="productsonline" assign="_productsonline"}
<td colspan="2" class="NumberOfArticles" align="right">
{if $config.Appearance.show_in_stock eq "Y"}
{insert name="itemsonline" assign="_itemsonline"}
{$lng.lbl_products_and_items_online|substitute:"X" :$_productsonline:"Y":$_itemsonline}
{else}
{$lng.lbl_products_online|substitute:"X":$_product sonline}
{/if}
&nbsp;
</td>
</tr>
**** Remove this line to display how much products there are online ********}
{if $main ne "fast_lane_checkout"}{else}
{* Fast Lane Checkout page *}
<tr>
<td colspan="2" class="FLCTopPad"><img src="{$ImagesDir}/spacer.gif" alt="" /></td>
</tr>
{/if}
</table>

kube 02-25-2008 07:57 AM

Re: moving search bar
 
Crumbs this could get messy if you're unsure as to what you're doing.

Also I do apologise for creating a profile - I had to check what was going on when you log in. You seemed to have moved everything in alternate places so they're still functioning which is good.

By the way you get an error when you have successfully registered. Moving on...


1. try commenting this portion out and report your results. Hopefully it should get you a tiny bit closer...

<tr>
<td colspan="2" class="HeadLine">
<form action="{$xcart_web_dir}/include/login.php" method="post" name="toploginform">
<input type="hidden" name="mode" value="logout" />
<input type="hidden" name="redirect" value="{$redirect|escape}" />
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="FLCAuthPreBox">
{if $active_modules.SnS_connector and $sns_collector_path_url ne '' && $config.SnS_connector.sns_display_button eq 'Y'}
<img src="{$ImagesDir}/rarrow.gif" alt="" valign="middle" /><b>{include file="modules/SnS_connector/button.tpl" text_link="Y"}</b>
{else}
<img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" />
{/if}
</td>
{if $login ne ""}
<td align="right" nowrap="nowrap"><b>{$userinfo.firstname} {$userinfo.lastname}</b> {$lng.txt_logged_in}</td>
<td class="FLCAuthBox">
{if $js_enabled}
{include file="buttons/button.tpl" button_title=$lng.lbl_logoff href="javascript: document.toploginform.submit();" js_to_href="Y"}
{else}
{include file="buttons/logout_menu.tpl"}
{/if}
</td>
{/if}
</tr>
</table>
</form>
</td>
</tr>

toolexperts 02-25-2008 08:10 AM

Re: moving search bar
 
ok that worked but my speed bar went bye bye

kube 02-25-2008 08:20 AM

Re: moving search bar
 
Well this is your speed bar below - but this is not included in the parts I said to comment out. Um. So how did that happen? Make sure you're commenting out the right portion from above.

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="subnav">{if $usertype eq "C"}
{include file="customer/speed_bar.tpl"}
{/if}
</td>
</tr>
</table>

toolexperts 02-25-2008 10:23 AM

Re: moving search bar
 
ok just tried it again...nothing appears to be happening

toolexperts 02-25-2008 10:39 AM

Re: moving search bar
 
spped bar is back and so is the black space....gahhhh....

ok here is my current head.tpl

{* $Id: head.tpl,v 1.58.2.1 2007/09/03 06:15:21 max Exp $ *}
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/logo.jpg" alt="" /></a></td>
<td class="HeadRightBox">
{if $main ne "fast_lane_checkout"}
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="subnav">{if $usertype eq "C"}
{include file="customer/speed_bar.tpl"}
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
{if $main ne "fast_lane_checkout"}
<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") && $all_languages_cnt gt 1}
<form action="home.php" method="get" name="sl_form">
<input type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.Q UERY_STRING|amp}" />
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 5px; vertical-align: middle;">{$lng.lbl_select_language}:</td>
<td><select name="sl" onchange="javascript: this.form.submit();">
{section name=ai loop=$all_languages}
<option value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected="selected"{/if}>{$all_languages[ai].language}</option>
{/section}
</select></td>
</tr>
</table>
</form>
{else}
&nbsp;
{/if}
</tr>
{*<tr>
<td colspan="2">
{include file="customer/header_sub.tpl"}
</td>
</tr>
{else}*}
{* Fast Lane Checkout page *}
{*<tr>
<td colspan="2" class="HeadLine">
<form action="{$xcart_web_dir}/include/login.php" method="post" name="toploginform">
<input type="hidden" name="mode" value="logout" />
<input type="hidden" name="redirect" value="{$redirect|escape}" />
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="FLCAuthPreBox">
{if $active_modules.SnS_connector and $sns_collector_path_url ne '' && $config.SnS_connector.sns_display_button eq 'Y'}
<img src="{$ImagesDir}/rarrow.gif" alt="" valign="middle" /><b>{include file="modules/SnS_connector/button.tpl" text_link="Y"}</b>
{else}
<img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" />
{/if}
</td>
{if $login ne ""}
<td align="right" nowrap="nowrap"><b>{$userinfo.firstname} {$userinfo.lastname}</b> {$lng.txt_logged_in}</td>
<td class="FLCAuthBox">
{if $js_enabled}
{include file="buttons/button.tpl" button_title=$lng.lbl_logoff href="javascript: document.toploginform.submit();" js_to_href="Y"}
{else}
{include file="buttons/logout_menu.tpl"}
{/if}
</td>
{/if}
</tr>
</table>
</form>
</td>
</tr>*}
{/if}
{******** Remove this line to display how much products there are online ****
<tr>
{insert name="productsonline" assign="_productsonline"}
<td colspan="2" class="NumberOfArticles" align="right">
{if $config.Appearance.show_in_stock eq "Y"}
{insert name="itemsonline" assign="_itemsonline"}
{$lng.lbl_products_and_items_online|substitute:"X" :$_productsonline:"Y":$_itemsonline}
{else}
{$lng.lbl_products_online|substitute:"X":$_product sonline}
{/if}
&nbsp;
</td>
</tr>
**** Remove this line to display how much products there are online ********}
{if $main ne "fast_lane_checkout"}{else}
{* Fast Lane Checkout page *}
<tr>
<td colspan="2" class="FLCTopPad"><img src="{$ImagesDir}/spacer.gif" alt="" /></td>
</tr>
{/if}
</table>

toolexperts 02-25-2008 10:43 AM

Re: moving search bar
 
nevermind i got it when i commented this out it went away

<td class="HeadLine" align="right">
{if ($usertype eq "C" || $usertype eq "B") && $all_languages_cnt gt 1}
<form action="home.php" method="get" name="sl_form">
<input type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.Q UERY_STRING|amp}" />
<table cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 5px; vertical-align: middle;">{$lng.lbl_select_language}:</td>
<td><select name="sl" onchange="javascript: this.form.submit();">
{section name=ai loop=$all_languages}
<option value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected="selected"{/if}>{$all_languages[ai].language}</option>
{/section}
</select></td>
</tr>
</table>
</form>
{else}


All times are GMT -8. The time now is 10:14 PM.

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