Help! :)

[cargenie]

I was wondering how I can change the buttons on the payment page, e.g: 'PayPal', etc.

I would like these to be images for each different payment gateway instead of the boring grey buttons.

Thanks!

[Arthur]

Hello Michael,
You can edit page  yoursite.com/system/payment/payment_page/?payment_id=4
in admin area yoursite.com/admin/edit_templates/?module_name=payment&template_name=payment_page.tpl

Code:

<form action="{$gateway.url}" method="post">

{$gateway.hidden_fields}
<input type='submit' value='{$gateway.caption}'style="width:150px; margin-bottom:5px;" />

</form>

As you can see now it shows captions of active Payment gateways which are located in DB payment_gateways table.

Regards
Artur

[cargenie]

Hello Arthur,
Thanks for your reply.

I understand how to change what the button says but is their any way to change the button into a clickable image?

I would like to make my own image for the PayPal/Credit Card option.

Thanks again Arthur.

[gvAutoSaver]

You got me curious, so I looked it up...

You can do this by changing the code:

Code:

<form action="{$gateway.url}" method="post">

{$gateway.hidden_fields}
<input type='submit' value='{$gateway.caption}'style="width:150px; margin-bottom:5px;" />

</form>

to:

Code:

<form action="{$gateway.url}" method="post">

{$gateway.hidden_fields}
<input {if $gateway.caption eq "paymenttype"}type='image' src="imageurl" alt="paymenttype"{elseif $gateway.caption eq "paymenttype2"}type='image' src="imageurl2" alt="paymenttype2"{else}type='submit'{/if} value='{$gateway.caption}'style="width:150px; margin-bottom:5px;" />

</form>

and replacing "paymenttype" with the payment type ("Cash Payment" for example), and "imageurl" with the image url ("http://www........jpg", etc). Don't forget to change "paymenttype" in both spots so that users will see the correct text if the image doesn't appear for some reason.

"paymenttype2" and "imageurl2" are for a second payment gateway. Repeat everything from "{elseif..." until just before "{else}" for each payment gateway image needed...or delete for only a single gateway image. Anything that doesn't have an image specified will default to the "boring grey buttons."

Hope this helps! 

- gvAutoSaver

[cargenie]

Hello,

You are an absolute champion, thank-you, it worked perfectly.
Much appreciated.

Thanks again!