customizing configureproduct.tpl

[clavilab]

in configureproduct.tpl i am trying to change the drop down menu for radio buttons so that the choices are immediately visible. it seems to work just fine but when i land on this page and choose the secod radio button. Annual payment in this case. I have to click on the radio button twice before it moves to the next step. it does not do that for the monthly choice which is the first one. I don't know what i am missing. Any help would be greatly appreciated. This is the code i am using you can see the drop down menu commented out:

 

 

<!--<select name="billingcycle" onchange="submit()">
{if $pricing.monthly}<option value="monthly"{if $billingcycle eq "monthly"} selected="selected"{/if}>{$pricing.monthly}</option>{/if}
{if $pricing.quarterly}<option value="quarterly"{if $billingcycle eq "quarterly"} selected="selected"{/if}>{$pricing.quarterly}</option>{/if}
{if $pricing.semiannually}<option value="semiannually"{if $billingcycle eq "semiannually"} selected="selected"{/if}>{$pricing.semiannually}</option>{/if}
{if $pricing.annually}<option value="annually"{if $billingcycle eq "annually"} selected="selected"{/if}>{$pricing.annually}</option>{/if}
{if $pricing.biennially}<option value="biennially"{if $billingcycle eq "biennially"} selected="selected"{/if}>{$pricing.biennially}</option>{/if}
{if $pricing.triennially}<option value="triennially"{if $billingcycle eq "triennially"} selected="selected"{/if}>{$pricing.triennially}</option>{/if}
</select>-->
<p>
	<label>
			{if $pricing.monthly}<input name="billingcycle" type="radio" id="monthly" value="monthly" checked="checked" {if $billingcycle eq "monthly"} selected="selected"{/if}/>
			{$pricing.monthly}</label>
	{/if}
	<br />
	<label>
			{if $pricing.annually}<input type="radio" name="billingcycle" value="annually" id="annualy" checked="checked" {if $billingcycle eq "annually"} selected="selected"{/if}/>
			{$pricing.annually}</label>{/if}
	<br />
</p>
{/if}

Edited November 1, 2010 by clavilab

[clavilab]

anybody???

[clavilab]

come on admins?? what am i missing??

[clavilab]

ok so here is the right code for those of you interested in making your user experience better. It was great to have a conversation with myself.

 

 

<input type="hidden" name="previousbillingcycle" value="{$billingcycle}" />
<p class="cartsubheading">{$LANG.orderbillingcycle}</p>
<div class="cartbox">{if $pricing.type eq "free"}
<input type="hidden" name="billingcycle" value="free" />
{$LANG.orderfree}
{elseif $pricing.type eq "onetime"}
<input type="hidden" name="billingcycle" value="onetime" />
{$pricing.onetime} {$LANG.orderpaymenttermonetime}
{else}
<!--<select name="billingcycle" onchange="submit()">
{if $pricing.monthly}<option value="monthly"{if $billingcycle eq "monthly"} selected="selected"{/if}>{$pricing.monthly}</option>{/if}
{if $pricing.quarterly}<option value="quarterly"{if $billingcycle eq "quarterly"} selected="selected"{/if}>{$pricing.quarterly}</option>{/if}
{if $pricing.semiannually}<option value="semiannually"{if $billingcycle eq "semiannually"} selected="selected"{/if}>{$pricing.semiannually}</option>{/if}
{if $pricing.annually}<option value="annually"{if $billingcycle eq "annually"} selected="selected"{/if}>{$pricing.annually}</option>{/if}
{if $pricing.biennially}<option value="biennially"{if $billingcycle eq "biennially"} selected="selected"{/if}>{$pricing.biennially}</option>{/if}
{if $pricing.triennially}<option value="triennially"{if $billingcycle eq "triennially"} selected="selected"{/if}>{$pricing.triennially}</option>{/if}
</select>-->
<p>
	<label>
			{if $pricing.monthly}<input type="radio" name="billingcycle"  id="monthly" value="monthly" onchange="submit()" {if $billingcycle eq "monthly"} checked="checked"{/if}/>
			{$pricing.monthly}</label>
	{/if}
	<br />
	<label>
			{if $pricing.annually}<input type="radio" name="billingcycle" value="annually" id="annualy" onchange="submit()" {if $billingcycle eq "annually"} checked="checked"{/if}/>
			{$pricing.annually}</label>{/if}
	<br />
</p>