X-Cart forums - Adjust speed bar

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Adjust speed bar (https://forum.x-cart.com/showthread.php?t=9926)

Adjust speed bar

Hi,

I think the links in my speed bar are each in a different cell, centered. But i want them in one cell with a | to divide them. This way I can put them 20pix from border and they will look like this:
Home | Shopping cart | Contact us

Now they look like:
http://hobbyhandig.webfontein.nl

Can anyone help me out?

yes, i've looked for this info eveywhere and cat find it. I want mine were the search button is at but cant seem to figure it out.

checkout the following templates in V. 4.0.5

customer/tab.tpl
customer/top_menu.tpl

I've looked at thoose and made changes before I posted here, but nothing seems te work... I don't know much of HTML but I'm sure I've tried the right settings. I now fooled around with blank space and left alignment, but I can't get them out of thoose 3 seperate cells.

You may have a look at my site CartsnTools.com, I believe my speed bars look like the way you like.

Yes! That's what I'm talking about, how did you do this?

1. Create a file: customer/speed_menu.tpl

{if $printable ne ''}
{include file="customer/top_menu_printable.tpl"}
{else}
<TABLE border="0" cellpadding="0" cellspacing="0">
{if $speed_bar}
<TR>
<td height="22" valign="middle" class="TabBar">|</td>
{section name=sb loop=$speed_bar}
{if $speed_bar[sb].active eq "Y"}
<TD>{include file="customer/tab.tpl" tab_title="<A href=\"`$speed_bar[sb].link`\"><font class=TabFo\
nt>`$speed_bar[sb].title`</font></A>"}</TD>
{/if}
{/section}
</TR>
{/if}
</TABLE>
{/if}

2. modify your customer/tab.tpl file:

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="TabBar" align=center>{$tab_title}|</td>
</tr>
</table>

3. in the head.tpl file

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

{/if}

3. in your skin1.css file

.TabBar {
COLOR: # any color you want;
.TabFont {
COLOR: # any color you want;
FONT-SIZE: 11px;
}

Yep! :D

Almost there. I can't seem to get it 20 pix from border, do you know how this is done?

Re: Adjust speed bar

Quote:

Originally Posted by Yang Xu

Hello Yang Xu

I tried this and now have nothing on my page but this error message:

Fatal error: Smarty error: [in customer/speed_menu.tpl line 10]: syntax error: invalid attribute name: '`$speed_bar[sb].link`\' (Smarty_Compiler.class.php, line 1524) in /home/naturesp/public_html/store/Smarty-2.6.9/Smarty.class.php on line 1088

:(

I copied and pasted the text directly into the newly created file so I'm very puzzled by the error message.

I look forward to your response as I'm a newby with plenty to learn, and eager to get on with perfecting my site.

With thanks in advance,

Xeen

Re: Adjust speed bar

This may be a case of the blind leading the blind as I am also learning, However I think the following code:
.TabBar {
COLOR: # any color you want;
.TabFont {
COLOR: # any color you want;
FONT-SIZE: 11px;
}

should be:
.TabBar {
COLOR: # any color you want;}
.TabFont {
COLOR: # any color you want;
FONT-SIZE: 11px;
}

This may, or may not, be significant. Or may, or may not, have an impact on the customer/speed_menu.tpl.

As I understand it, another thing to watch out for when you are cutting and pasting is that you don't end up with superfluous spacing at the end of the tpl code.

Just a couple of thoughts.

I don't have the mod - just an interested onlooker with food for thought!

Re: Adjust speed bar

looking through the suggested code, i may have found the problem if you were copying and pasting

look for

Code:

<font class=TabFo\

nt>

and change to

Code:

<font class="TabFont">

and like bizzyb suggested, there should be a closing brace in the css class

Re: Adjust speed bar

Thank you both very much, I'll give it a go now

Re: Adjust speed bar

OK, I've taken the advice (thanks) but it's still not at all what I was expecting. I have four tabs now. A tabs in circles on either side of the screen and written tabs either side of the screen. Any suggestions on how I just get the little neat written ones without the border?

I have to say, I only started on this quest because I wanted my borders of the tabs to be the same brown as the central cell and couldn't work out how to do it. I don't know where the images for the borders are stored, don't know how to access them and don't know how to change the colours of them once found.

Any assistance in this would be very much appreciated.

With thanks in advance,

Xeen

Re: Adjust speed bar

I note the original mod is for versions 4.0 and you are using 4.1. Maybe that is a problem that needs to be addressed by someone with more X-Cart skills than myself.

I did say it may be a case of the blind leading the blind :(

I may give it a go myself when time permits - if so I will let you know how I go.

Re: Adjust speed bar

Thanks BizzzyB. I couldn't figure it out myself so I put everything back to how it was in the first place and have asked for some professional assistance in getting the site to look the way I want it to. After that, I'll maintain it myself.

Re: Adjust speed bar

I had a go but it appears as though I got the same results as you. Duplicated tabs - and the rest of the page blank apart from the header image.

I have put things back as they were and may re-visit at a later stage.

Let me know how you go.

Cheers

Re: Adjust speed bar

did you comment out the old speedbar (top_menu.tpl) in head.tpl?

Re: Adjust speed bar

Don't know about Xeen but the relevant part of my head.tpl looks like this:

{* rem out for speed menu mod
{if $usertype eq "C"}
{include file="customer/top_menu.tpl"}
{/if}
end of rem *}

{* modified code for speed_menu mod *}
{if $usertype eq "C"}
{include file="customer/speed_menu.tpl"}
{/if}
{* end of modified code for speed_menu mod *}

Thanks for the interest.

Re: Adjust speed bar

No, I didn't. I just followed the instructions :)

Re: Adjust speed bar

I got the speed bar to work great and then I made one more modification and it moved the speed bar over to the left. Check my website out: http://store.tipsproshop.ca/home.php?shopkey=1217.

I just want the speed bar back at the right side. Please help!!

Code:

{* $Id: head.tpl,v 1.3.2.1 2006/05/10 12:15:08 max Exp $ *}

<table cellpadding="0" cellspacing="0" class="HeadCustom">

<tr> 

    <td class="HeadBackground">



<table cellpadding="0" cellspacing="0" width="100%" class="HeadBox">

<tr> 

    <td class="HeadLines">



<table cellpadding="0" cellspacing="0" width="100%">

<tr> 

    <td height="153">



<table cellpadding="0" cellspacing="0" width="100%">

<tr>

    <td class="HeadTextCust"><a href="{$http_location}"><img src="{$ImagesDir}/custom/company_logo.gif" width="320" height="155" alt="" /></a>



</td>

</tr>

<tr>

    <td class="HeadTextCust" style="padding-top: 3px;">

{*

{if $config.Company.company_phone}{$lng.lbl_phone_1_title}: {$config.Company.company_phone}{/if}

{if $config.Company.company_phone_2}<br />{$lng.lbl_phone_2_title}: {$config.Company.company_phone_2}{/if}



    </td></tr>

*}



</table>

    </td>

    <td valign="top" align="right">

{* taken out

{if $usertype eq "C"}

{include file="customer/top_menu.tpl"}

{/if}

*}

{* modified code for speed_menu mod *}

{if $usertype eq "C"}

{include file="customer/speed_menu.tpl"}

{/if}

{* end of modified code for speed_menu mod *}

    </td>

</tr>



{if $main ne "fast_lane_checkout"}

<tr> 

    <td class="HeadText">{ include file="customer/search.tpl"}</td>

    <td><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>

</tr>

{else}

<tr> 

    <td colspan="2" class="TopLabelCust"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>

</tr>

{/if}

</table>

    </td>

{* INTERAC ONLINE LEARN MORE LINK *}

    <td valign="bottom" align="middle">

{if $usertype eq "C"}

 <a href='http://www.interaconline.com/learn' target=_blank onclick="window.open( 'http://www.interaconline.com/learn','Learn', 'toolbar=false,status=false,directories=false,location=false,menubar=false,resizable,scrollbars,width=700,height=500');return false;"><b><i>Learn more about Interac Online</i></b></a></td>

{/if}



</tr>

</table>



    </td>

</tr>

{*</table>*}



{if #ShowHorCategories# eq "Y" && $main ne "fast_lane_checkout"}

<table cellpadding="0" cellspacing="0" width="100%">

<tr> 

    <td class="hcMenuBox">{include file="customer/hor_categories.tpl"}</td>

</tr>

</table>

{/if}

<table cellpadding="0" cellspacing="0" width="100%" class="NavigationLine">

{if $main ne "fast_lane_checkout"}

<tr> 

    <td class="NavigationLineCustom">

<img src="{$ImagesDir}/spacer.gif" width="161" height="15" alt="" />

{if ($usertype eq "C" || $usertype eq "B") and $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.QUERY_STRING|amp}" />

<table cellpadding="0" cellspacing="0">

<tr>

    <td class="VertMenuItems" nowrap="nowrap" style="padding-left: 7px;">{$lng.lbl_select_language}:&nbsp;</td>

    <td>

<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="selected"{/if}>{$all_languages[ai].language}</option>

{/section}

</select>

    </td>

</tr>

</table>

</form>

{/if}



    </td>

    <td width="37">&nbsp;</td>

    <td>{if $main ne "catalog" or $current_category.category ne ""}{include file="location.tpl"}{else}&nbsp;{/if}</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">{include file="printable.tpl"}</td>

{/if}

</tr>

{else}

<tr> 

    <td height="15"><img src="{$ImagesDir}/spacer.gif" width="161" height="15" alt="" /></td>

</tr>

{/if}

</table>

Re: Adjust speed bar

Thank you Buck! I've left building the site to a professional and that leaves me to get on with the business of selling natural products!! I'm so much happier and find that I start the day with a clear head instead of with X-Cart frustration!

Thanks for your help anyway - I'm sure there are many more people on this forum who will be able to benefit from it. I've seen your site, it's brilliant!

All the best,

Xeen