X-Cart forums

[Tye]

I want to add a css class to the fast lane checkout tabs depending upon which part of the checkout you are on - how do you do that?

I tried just setting a:link, a:active, a:visited and a:hover - but that doesn't work as people can move back and firth

Any ideas?

[cflsystems]

FLC has its own css file in skin1/modules/Fast_Lane_Checkout. You may be able to do that in this file

[Tye]

Thanks cflsystems

I was playing with this... but it doesn't work too well when users navigate away from the set path... I'll look in more detail later though

[Tye]

nm... I'm not getting anywhere fast with this

I can't see how you add a class to the active step

This is my template (tabs_menu.tpl):

{*
$Id: tabs_menu.tpl,v 1.7 2008/10/06 07:53:51 max Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<div class="flc-tabs" style="height: 50px;">
<table align="left" cellspacing="0" class="flc-tabs" summary="{$lng.lbl_buttons|escape}">
 <tr class="flc-tab-links">
<td align="left"><strong>Checkout steps:</strong></td>
{foreach item=step from=$checkout_tabs}
<td>
{if $step.link ne "" && $step.selected_before}
<a href="{$step.link|amp}" class="flc-active">{$step.title}</a><div class="divider">|</div>
{else}
{$step.title} <div class="divider">|</div>
{/if}
</td>
{/foreach}
</tr>
</table>
</div>

And this is the output:

<table align="left" cellspacing="0" summary="Buttons">

 <tr>
<td align="left"><strong>Checkout steps:</strong></td>
<td>
<a href="cart.php" class="flc-active">Your cart</a><div class="divider">|</div>
</td>
<td>
<a href="register.php?mode=update&amp;action=cart&amp;paymentid=" class="flc-active">Personal details</a><div class="divider">|</div>
</td>
<td>
<a href="cart.php?mode=checkout" class="flc-active">Shipping &amp; Payment</a><div class="divider">|</div>

</td>
<td>
Place Order<div class="divider">|</div>
</td>
</tr>
</table>

but I'm getting the 'Personal Details' tab highlighted on the 'Shipping and Payment' tab... nothing seems to make sense and I can't follow the syntax

Any help?