Payment options side by side

[Patty]

Hi, guys.

 

Need a quick help here. I have like 8 payment options on my cart, all lined up in one single column. How can I have them show kind like in a grid side by side, say 4 in one column and 4 in the other column?

 

Tks a lot for any help.

[WHMCS John]

You'd need to edit /templates/orderforms/*your active template*/viewcart.tpl

[Patty]

Thank you for your reply, John. That much I know...

I'd like to know HOW to do it, how to divide the list in two columns.

 

TIA for your help.

[Patty]

Still trying to make this work. I'm trying to use a table, but how to make the payment gateways spread evenly in both columns? I know there's a way to do it in PHP, but I don't know how to apply it here.

 

Can anyone shed a light? Pleaaaase???

[Patty]

Never mind. I've found the easiest way to accomplish this by using a simple div.

 

Here's how: just replace the payment gateway code on file viewcart.php with the following:

 

{foreach key=num item=gateway from=$gateways}

<div style="width:230px; height:60px; text-align:center; padding-bottom:30px; float:left;">

 

<input type="radio" name="paymentmethod" value="{$gateway.sysname}" id="pgbtn{$num}"{if $selectedgateway eq $gateway.sysname} checked{/if} /><label for="pgbtn{$num}">{$gateway.name}<br />

{if $gateway.sysname}     <img align="center" src="images/{$gateway.sysname}.gif" />

{/if}

</label>

</div>{/foreach}

 

Works like a charm! Here's the result on my site:

[WHMCS John]

Thanks for sharing your solution