How to add images for gateway payments?

[eunarede]

Hi,

 

How can I add a picture for each gateway for payment, to differentiate each, as in the picture below?

 

http://upload.eunarede.com/atletas/uploads/image-on-gatewat-payment.jpg

[chickendippers]

Glad you like it

 

Basically it's just an if command in checkout.tpl; if gateway name = WorldPay, display these images.

[eunarede]

Yes chickendippers, I like! Help to differentiate, more than just text!

 

The command is like this?

 

if gateway name=paypal

 

echo "/images/paypal.gif"

 

Thanks for your help!

[chickendippers]

I'm not prepared to release my custom code, I hope you understand. But there are plenty of if commands in the templates you can base it on. This should also help: http://www.smarty.net/manual/en/language.function.if.php

[eunarede]

Yes, I understand, thanks for you help and hint!

[Patty]

Thanks to the tips above I was able to accomplish that and place the payment logos on my cart. Here's how I did it:

 

File: templates/orderforms/default/viewcart.php

 

Around line 165:

<p align="center">{foreach key=num item=gateway from=$gateways}<input type="radio" name="paymentmethod" value="{$gateway.sysname}" id="pgbtn{$num}"{if $selectedgateway eq $gateway.sysname} checked{/if} /><label for="pgbtn{$num}">{$gateway.name}</label> {/foreach}</p>

 

Add the following code right after <label for="pgbtn{$num}">{$gateway.name}

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

{/if}

<br />

 

So it will look like:

<p align="center">{foreach key=num item=gateway from=$gateways}<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}

<br /></label> {/foreach}</p>

 

Now upload your payment images to the whmcs/images folder. Name them according to the payment gateway name: paypal.gif, banktransfer.gif and so on.

 

That's it!

 

Here's what mine looks like:

Edited March 7, 2009 by Patty

[zoilodiaz]

hello,

 

you know what is the name for the image of 2checkout ?

[Patty]

Check the file name on whmcs/modules/gateways.

I think it should be tco.gif

[zoilodiaz]

hello,

 

thanks so much work perfect now.

[Alliance]

thanks a lot, work fine for me too

[spiderswebdesign]

Hi Guys

 

this solution works perfect, i would advise to a a break befor your image tag and after the image tag, just looks better.

[miguel84]

Will these mods be lost on WHMCS upgrade?

[brian!]

9 hours ago, miguel84 said:

Will these mods be lost on WHMCS upgrade?

yes - but if you use a hook instead, that should continue to work after upgrading (at least until WHMCS change how they show gateways)...