Moving Search and Speedbar
 

Hello-

I am working with a fresh install of X-Cart Pro V4.12

I am attempting to edit the head.tpl to place search where the speedbar is, and place the speedbar underneath the logo on line2.

Can anyone give me the definitive procedure for this? As I look through various posts, the proper tactic is unclear to me.

I have looked for the skin1/customer/top_menu.tpl and it does not exist. I can find something called skin1/customer/top_menu_printable.tpl, but this does not appear to be the right file to work with.

Thank you for your help.

Re: Moving Search and Speedbar
 

Please clarify your version. 4.0.12? 4.1.2? 4.2.0?

Re: Moving Search and Speedbar
 

My apologies

Version 4.2

Re: Moving Search and Speedbar
 

Anyone?

Re: Moving Search and Speedbar
 

I too am a newby, I was advised to start with 4.1.(11) because there will be many bugs and instability for several months. Didn't answer your question but thought I'd throw that out there.

Re: Moving Search and Speedbar
 

Sorry, many of us are not working with 4.2 for a few months yet, so you may not find much help with specific template edits like this, and previous posts regarding the 4.1 version won't apply :( If you could please update your signature with your correct version that will help eliminate a lot of confusion.

Re: Moving Search and Speedbar
 

But lets say you are looking to do it in 4.1.11, hypothetically speaking?
I have been looking at how to modify the position and design of the "speed bar"/tabs and the search and other features.
How and where do you change the design of the upper potion of the site?
I'm a newbie and would appreciate a step by step guide :D

Thanks!

Re: Moving Search and Speedbar
 

I would appreciate that too.

Re: Moving Search and Speedbar
 

You guys should read this:

http://forum.x-cart.com/showthread.php?t=21529

Re: Moving Search and Speedbar
 

I originally loaded this development with 4.12 and since have changed it to 4.1.11

I did not realize 4.12 was a new branch.

I have properly placed the search bar in the upper right hand corner.

Now I am trying to configure the speedbar in the .HeadLine with no images. I want the thinlines above and below and just text for the speedbar links, and maybe a line divider between the links.

Any help is appreciated. Removing the tabs and getting the thin lines to go across the page seems to be a problem right now.

You can see it here:

http://www.lifestyleshomedecor.com/store

Anybody know why the search table appears more toward the center of the page in Firefox than in IE?

Thanks for the help

Re: Moving Search and Speedbar
 

Dear Balinor,

I know you think that thread is helpful, but for someone who has never used x-cart it might as well be greek! Well, I think I might be better off with greek.

I mean yes, that tells me what files to TRY to use to make the design work.
Try being the operative word.
I have been pointed at the thread so many time I could spit! (Probably by you, no insult intended ;))
(I hate to rant, but this is frustrating!)
I appreciate that you want to help (god knows I love the fact people out there are at least trying and usually succeeding), but if only that file had all the answers then the forum wouldn't be needed.

I can't tell where I am suppose to put anything with that thread.
Yes, it goes in file such and such, but what can/do I put in, where exactly in the file do I put it? That would be a step-by-step guide for the newbies here.
If we knew what to do next, we wouldn't be newbies.

I mean can I do a design in HTML and just stick it in the top and the rest of the site will conform around it? (I think not) So, then what do I do?

I know you don't/can't have all the answers, but unlike every other code out there I've ever used, who had a book I could get and read and reference, this doesn't appear to have the fine points laid out for the beginner. The manual seems to me to be no help, and for something so easy to customize why is it that it seems I have to pay someone else to make a custom design site? Is there actually a book x-cart for dummies? I haven't found one and there isn't one on the O'reilly site that I've seen.

and Donnay2 4.12 (4.1.12? or 4.1.2?) does not make it 4.2 (but 4.2.0 is a completely different system to edited and If I thought the 4.1.11 was hard, now I have to learn it all over and I still can't do the basics from the last version!)

So If it's possible after all of this to help Donnay2 with he's other changes and maybe the rest of us with some more help.

We would GREATLY appreciate it!
Thanks

-- frustrated x-cart user!

Re: Moving Search and Speedbar
 

Hi Ian - I'm sorry you are frustrated, but this is NOT an easy system, and there is no 'X-Cart for dummies'. The thread I pointed you to explains all of the techniques and tools necessary to edit the system, there is no simple way to explain it. You need to know html/css well, and eventually Smarty. That thread explains exactly to find out which template is which, but I really can't write a guide for every single possible change. The system is designed so that you can customized ANYTHING but you need to spend the time and get over the learning curve. There is just no magic bullet here.

You can't do an html design and shoehorn X-Cart into it, you need to learn the template system and edit them to get your design into the system. I'm sorry this isn't the answer you are looking for, but you really just need to spend the time and learn the templates. Make backups of your work, and you will slowly get the hang of it.

In your case, start with head.tpl, and then you'll see all the parts to it (top_menu.tpl, search.tpl,etc). Edit the templates and styles to get the design you are looking for. If you want to move the search box, you move the include which is this bit:

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

If you want to edit the tabs, you open up customer/top_menu.tpl and then you'll see customer/tab.tpl makes up the tabs. See how that works? Just takes time - the guide I put together outlines which templates are which, and that should give you all you need to start editing things.

Re: Moving Search and Speedbar
 

Thank you for the quick response!
You are nothing if not FAST!
However, I think you are most definitely helpful.
(even if I am a little slow on the uptake sometimes)
I know you can't write it up for all contigencies, but maybe a flow chart for changing the basics.
Similar to what you have, but with a pictures of the site (like the manual) and tree diagram of how each one stems off and the specific thing then depicted and described?.
I know, when will you find the time? Well, if you do that will help :D
I'm visual person what can I say.
The one in the manual has the right idea, but needs to say that then head.tpl is made up of this, this and this. I think your chart has LOTS of merit. But, it's just not as clear as I like it. If we could marry the two, I think we would be that much closer to make it like a "x-cart for dummies".
That's my two cents on the matter.

I have been going around in circles with another issue on another site [My latter question].
This leads to more frustrations.
I was hoping this year to make them less "cookie cutter" as all really changed was the colour.
This is where figuring out how to changes the upper portion of the site will come in handy.
Which means I will have to put off the 4.2 for a looooong time.
I can't even get the buttons to change colour?

Back to the issue at hand!
So can I use regular HTML/CSS right inside there (the tpl files)?
As it's a "link" to this file, does that mean once I get down to the "single" element, like the part that makes up the one tab, I can add my own version here and it will understand that code.
Or is there a special way to do it?
I will have to play around with this, but I think (assuming I can put HTML) this might have made it a little clearer.
Clear as mud I guess until I try it.

My other questions, for now . . .
Is there a place where the table.container background can be adjusted?
I need it to be plain white on the cart and on the regular one there is a grey bar on the right under the menus.
I tried this method of following the templates back, but couldn't find it.
Any thoughts?
Thanks again!
Keep up the good work!

Re: Moving Search and Speedbar
 

Theres links to 4 apps/tools at post #2 of balinors big list that run in firefox to help figure out whats doing what.


- Firebug
- Colorzilla
- MeasureIt
- Web Developer Toolbar

Re: Moving Search and Speedbar
 

Sorry Ian, but something like that just isn't going to happen (by me at least). I already donate over 250 hours to this place a year, and I just don't have the resources to devote to a full visual guide, especially given how quickly they get outdated.

Again, the thread explains how to do all of this - use Firebug to find out what class is what, and then edit them in the master stylesheet (skin1.css). Use Webmater mode to find out what template is what, and also to edit text on the fly. Yes, you can use html/css/flash/whatever you want in the templates - they are full html, you just need to be careful not to break the Smarty.

Re: Moving Search and Speedbar
 

I figured out that this is the speed bar:

{section name=sb loop=$speed_bar}
{if $speed_bar[sb].active eq "Y"}
<td valign="top">{include file="customer/tab.tpl" tab_title="<a href=\"`$speed_bar[sb].link`\">`$speed_bar[sb].title`</a>"}</td>
<td width="1"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
{/if}
{/section}

found in customer/top.tpl I cut it out of that and pasted it in the search bar ok.

I tried all kinds of different places to paste the code, anyone know how to get it on the right of the screen? Right now its dead center of the search bar. Is there a way to paste it just under the search bar? I can't figure it out, is it a CSS thing too?

Much appreciated.

Re: Moving Search and Speedbar
 

Just use html to add a new row below the search bar and paste your code there.

Re: Moving Search and Speedbar
 

I'm afraid thats a little beyond me right now but I am making progress. Is that adding html to a smarty template or....?

How do I add that new row again?

Getting there, largely from your help.

Thank you.

Re: Moving Search and Speedbar
 

There are 2 problems working with the Speed Bar. (Please note: These examples are using 4.1.11 but should be similar to previous versions)

1. The links to the pages are defined in the admin section of x-cart, and are dynamic. They use the variable "tab_title="<a href=\"`$speed_bar[sb].link`\">`$speed_bar[sb].title`</a>" inside a loop. This is in the skin1/customer/top_menu.tpl.

2. The top_menu.tpl uses {include file="customer/tab.tpl" tab_title="<a href=\"`$speed_bar[sb].link`\">`$speed_bar[sb].title`</a>"} to call the title and display the link. Here is the tricky part... tab.tpl uses a series of images to "make" the "box" that the Speed Bar links are displayed in.

If you are not interesting in keeping the "box" then simply modify tab.tpl from...
to this..

Since the class="Tab" declaration is included the Speed Bar will have whatever the defaullts are for the "Tab" class. You can define the text in the Speed Bar by changing the "Tab" class in your stylesheet (skin1.css). I used...
But you will probably want to change it.

As always, make backups of any files you change so that you can revert them if you are not happy with the results.

In keeping with the original title of this thread, I usually move the Speed Bar to where the "Search" is. After banging my head against the wall trying to include the Speed Bar in the search.tpl I discovered it was easier to just include the search.tpl in the top_menu.tpl (and removing the "include seach.tpl" from where is was originally. I just replaced the "Company Phone" (actually I moved it to the bottom of the page, but that is a different subject) with the "Search". Here is my skin1/customer/top_menu.tpl...


This puts the Speed Bar links on the left and the Search on the right. It limits the length and number of links because otherwise it will "spill over" onto another line (or worse, extend the width of the page) but it allows about 6 links if the titles are not too long.

Re: Moving Search and Speedbar
 

Thanks for helping me with the text-only speedbar. I could sure use some help understanding how to get the thin head lines positioned above and below the text.

I am trying to have the thin lines and the text in between. Ultimately, I want a vertical thin line separator between each speedbar link as well.

Any help?

Re: Moving Search and Speedbar
 

and Balinor we really appreciate all the hours you put in.
I knew you wouldn't be able to do, but I can dream!

How about my other question? (anyone can answer this ;))
Is there a place where the table.container background can be adjusted?
I think that's what I want?
I need it to be plain white on the background behind the cart pages and on the regular ones (products, etic.) there is a grey bar on the right under the menus. Where the menus aren't, this looks silly.

I tried this method of following the templates back, but couldn't find it.
Any thoughts?
Thanks again!
Keep up the good work!

Re: Moving Search and Speedbar
 

table.container is probably a style in your stylesheet - open skin1.css and edit with whatever color/image you want. Remember, templates just contain the code, all the colors, fonts, styles, image backgrounds, etc are in the stylesheet.

Re: Moving Search and Speedbar
 

If you can just add a row for your lines as balinor said.
"Just use html to add a new row below the search bar and paste your code there."

Then you should be able to use the html code of <tr>content here</tr>
These tags make a row.
With html it is usually wise for all rows to have cells so it would be
<tr><td>content here</td></tr>
make sure you have the closing tags!
Then you can add a line within the row/cell and set it up that way.
Assuming you want this straight across?
and assuming I am taking the hint from balinor right.
If not disregard this post!

Hopefully this helps!
Keep us posted!

Re: Moving Search and Speedbar
 

Yea, just plain old html. Never edit PHP files, all the code for the display of the site is in the templates and stylesheet.

Re: Moving Search and Speedbar
 

I have figured out where the colour is (and changed the colour) but, I need it to differ throughout the site.
This where I run into trouble.

On the cart the background is white (and has the image currently, I need it white only).
On the rest of the site it is white with a grey bar on the right (behind the menus) I have added this as a tiled image for the background. Currently it is everywhere!

But that means, somewhere I need to tell x-cart that "hey, this is a cart page, no image, just white!" and "hey this is not a cart page, load the image". Or something to that effect.
I would normally just make two sets of css and point half the page to one and half the pages to the other. But, I'm not sure how to apply this method in x-cart. If it's something labour intensive, AKA go through every page and tell it just that, I will do it. However, I'm sure there is an easier way. And I have no idea where to tell it just that!
And it needs to be all page that lack the menus on the right, which is the cart onto the finishing of the sale. Otherwise the grey bar sits in an odd spot. So I'm hoping that x-cart also can determine those pages as well.

While I can change ALL the site to one (white) or the other (images with white and grey bar), I need both.
Any thoughts?

Thanks!

Re: Moving Search and Speedbar
 

That can be done using {if} statements which are outlined here:

http://forum.x-cart.com/showthread.php?t=8881

Re: Moving Search and Speedbar
 

Hi,

I've almost got it, for those interested in a speed bar on the right under the orange bar here it is so far. I put this after the very end code in customer/search.tpl. But theres a problem: (see pic)


<tr>
<td valign="top" align="right">
<table cellpadding="0" cellspacing="0">
<tr>
{section name=sb loop=$speed_bar}
{if $speed_bar[sb].active eq "Y"}
<td valign="top">{include file="customer/tab.tpl" tab_title="<a href=\"`$speed_bar[sb].link`\">`$speed_bar[sb].title`</a>"}</td>
<td width="1"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
{/if}
{/section}
</tr>

How do I get rid of that extra orange and maybe even put that thin red line back under the orange bar?

Huge thanks to everyones help getting me this far!

Re: Moving Search and Speedbar
 

You didn't post the complete code but I would guess that you put your code in before the ending </table>. This would make it part of the "search" table/form except it is on the next line. What happens if you put your code in a table after the final </form> in search.tpl, or better yet call top_menu.tpl (where it looks like your code came from) separately by putting...
</tr><tr>
<td class="HeadRightBox">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</td>
</tr>

under the part in head.tpl that has...
<td class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</td>

and adding </tr><tr> to close the cell so that your "select language" area is below the speed bar.
(just an idea)

Re: Moving Search and Speedbar
 

Thanks JWait, actually I put after everything.

{* $Id: search.tpl,v 1.9.2.5 2008/07/15 12:07:39 ferz Exp $ *}
<form method="post" action="search.php" name="productsearchform">
<input type="hidden" name="simple_search" value="Y" />
<input type="hidden" name="mode" value="search" />
<input type="hidden" name="posted_data[by_title]" value="Y" />
<input type="hidden" name="posted_data[by_shortdescr]" value="Y" />
<input type="hidden" name="posted_data[by_fulldescr]" value="Y" />
<input type="hidden" name="posted_data[by_sku]" value="Y" />
<input type="hidden" name="posted_data[including]" value="all" />
<table cellpadding="0" cellspacing="0">
<tr>
<td class="TopLabel" style="padding-left: 20px; padding-right: 5px;">{$lng.lbl_search}:</td>
<td valign="middle"><input type="text" name="posted_data[substring]" size="16" value="{$search_prefilled.substring|escape}" /></td>
<td valign="middle" style="padding-left: 5px; padding-right: 20px;">{include file="buttons/search_head.tpl"}</td>
<td><a href="search.php"><u>{$lng.lbl_advanced_search}</u></a></td>
</tr>
</table>
</form>

<tr>
<td valign="top" align="right">
<table cellpadding="0" cellspacing="0">
<tr>
{section name=sb loop=$speed_bar}
{if $speed_bar[sb].active eq "Y"}
<td valign="top">{include file="customer/tab.tpl" tab_title="<a href=\"`$speed_bar[sb].link`\">`$speed_bar[sb].title`</a>"}</td>
<td width="1"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
{/if}
{/section}
</tr>

I will try and do what you mentioned. See anything buggy in there? (i'm still learning)

Very much appreciate your help

Re: Moving Search and Speedbar
 

I tried calling it from top_menu.tpl like you said but then I have 2 speed bars. When I commented out the one in top_menu.tpl it got rid of them both.

Thanks

Re: Moving Search and Speedbar
 

Its only under the help button, there must be something different about the help button.

Re: Moving Search and Speedbar
 

I don't see how that is possible. Did you remember to remove it (speed bar) from where you added it in "search"? Did you comment out the original speed bar?

Re: Moving Search and Speedbar
 

i restored the search.tpl back to original. I get two speed bars (see pic) when i comment out the one in top_menu.tpl, they both go away. (because i'm calling it from there no?)

Heres my head.tpl with that code you gave me pasted in there.

{* $Id: head.tpl,v 1.1.2.38 2008/08/07 06:35:10 ferz Exp $ *}
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/xlogo.gif" width="244" height="67" alt="" /></a></td>
<td class="HeadRightBox">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td colspan="2" class="HeadThinLine"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
</tr>
{if $main ne "fast_lane_checkout"}
<tr>
<td class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</tr><tr>
<td class="HeadRightBox">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</td>
</tr>
</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;" class="TopLabel">{$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>
{if !$js_enabled}
<td><input type="image" {include file="buttons/go_image.tpl"} /></td>
{/if}
</tr>
</table>
</form>
{else}

{/if}
</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>{if $userinfo.firstname or $userinfo.lastname}{$userinfo.firstname} {$userinfo.lastname}{else}{$login}{/if}</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/button.tpl" button_title=$lng.lbl_logoff href="javascript: document.toploginform.submit();" js_to_href="Y" image_menu=true type="input"}
{/if}
</td>
{/if}
</tr>
</table>
</form>
</td>
</tr>
{/if}
<tr>
<td colspan="2" class="HeadThinLine"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
</tr>
{******** 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}

</td>
</tr>
**** Remove this line to display how much products there are online ********}
{if $main ne "fast_lane_checkout"}
<tr>
<td colspan="2" valign="middle" height="32">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="HeadTopPad"><img src="{$ImagesDir}/spacer.gif" alt="" /></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 class="PrintableRow" align="right">{include file="printable.tpl"}</td>
{/if}
</tr>
</table>
</td>
</tr>
{else}
{* Fast Lane Checkout page *}
<tr>
<td colspan="2" class="FLCTopPad"><img src="{$ImagesDir}/spacer.gif" alt="" /></td>
</tr>
{/if}
</table>

What am I missing?
Thanks for all the help!

Re: Moving Search and Speedbar
 

Try this...

{* $Id: head.tpl,v 1.1.2.38 2008/08/07 06:35:10 ferz Exp $ *}
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/xlogo.gif" width="244" height="67" alt="" /></a></td>
<td class="HeadRightBox">
{* {if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if} *}
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td colspan="2" class="HeadThinLine"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
</tr>
{if $main ne "fast_lane_checkout"}
<tr>
<td class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if} <td>
</tr><tr>
<td class="HeadRightBox">
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
</td>
</tr>
</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;" class="TopLabel">{$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>
{if !$js_enabled}
<td><input type="image" {include file="buttons/go_image.tpl"} /></td>
{/if}
</tr>
</table>
</form>
{else}

{/if}
</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>{if $userinfo.firstname or $userinfo.lastname}{$userinfo.firstname} {$userinfo.lastname}{else}{$login}{/if}</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/button.tpl" button_title=$lng.lbl_logoff href="javascript: document.toploginform.submit();" js_to_href="Y" image_menu=true type="input"}
{/if}
</td>
{/if}
</tr>
</table>
</form>
</td>
</tr>
{/if}
<tr>
<td colspan="2" class="HeadThinLine"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
</tr>
{******** 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}

</td>
</tr>
**** Remove this line to display how much products there are online ********}
{if $main ne "fast_lane_checkout"}
<tr>
<td colspan="2" valign="middle" height="32">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="HeadTopPad"><img src="{$ImagesDir}/spacer.gif" alt="" /></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 class="PrintableRow" align="right">{include file="printable.tpl"}</td>
{/if}
</tr>
</table>
</td>
</tr>
{else}
{* Fast Lane Checkout page *}
<tr>
<td colspan="2" class="FLCTopPad"><img src="{$ImagesDir}/spacer.gif" alt="" /></td>
</tr>
{/if}
</table>

Re: Moving Search and Speedbar
 

Yeah that works, thanks a lot! I just have to move that bottom thin red line back up or get rid of it but I think I can figure that out.

Thx again.

Re: Moving Search and Speedbar
 

That's a great topic. I'm using v4.3.1 and I need to put the speedbar under the logo in line 2 and beneath it as a second row I need to put the search bar. So, i'm having trouble working with the CSS can someone help me. I've attached image and this is the url: http://luna.superhosting.bg/~galsonbg/home.php

I need something like tihs
Row 1: Home | Stuff | Stuff |
Row 2: Search ____________ Go!