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)
-   -   Fast Lane Checkout Tabs (https://forum.x-cart.com/showthread.php?t=50630)

Tye 11-10-2009 09:23 PM

Fast Lane Checkout Tabs
 
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 11-11-2009 04:22 AM

Re: Fast Lane Checkout Tabs
 
FLC has its own css file in skin1/modules/Fast_Lane_Checkout. You may be able to do that in this file

Tye 11-12-2009 08:42 PM

Re: Fast Lane Checkout Tabs
 
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 03-03-2010 05:20 PM

Re: Fast Lane Checkout Tabs
 
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):
Code:

{*
$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:

Code:

<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?


All times are GMT -8. The time now is 02:12 PM.

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