Editing selection of payment methods

[banditbirds]

Hi,

 

I have paypal as my only payment method. When I get to the "Please choose your payment method" page the customer needs to select the paypal payment method. But it's just a paypal image, with a line of text that has the js link. (picture attached)

 

It looks really ugly, and want to add a Pay Now / Order / Confirm button with the exact same js link.

 

But I can't work out where I can edit this?

 

The order-payment.tpl file has the HOOK_PAYMENT. But where is the code that defines this, so I can edit it?

{if $opc}<div id="opc_payment_methods-content">{/if}
<div id="HOOK_PAYMENT">{$HOOK_PAYMENT}</div>
{if $opc}</div>{/if}

I can see that the text "Pay with your card or your PayPal account" comes from paypal/translations.xml

 

But what code defines the <p> and the <a href...  link to the js?

 

The source code generated is:

<div id="HOOK_PAYMENT">
   <p class="payment_module">
       <a href="javascript:void(0)" onclick="$('#paypal_payment_form').submit();" id="paypal_process_payment" title="Pay with PayPal">
       <img src="/modules/paypal/img/logos/GB_horizontal_solution_PP.gif" alt="Pay with your card or your PayPal account" height="48px" />
        Pay with your card or your PayPal account
       </a>
   </p>

I just want to change the whole HOOK_PAYMENT section of that page to be more customer friendly.

 

Thanks in advance!!

 

Simon

[tarek.fellah]

Hi,

You can edit this image and remplace it with a button in /modules/paypal/views/templates/hook/express_checkout_payment.tpl don't forget to add onclick="$('#paypal_payment_form').submit();" to your button code.

Edited March 10, 2014 by tarek.fellah (see edit history)

[banditbirds]

That's exactly what I was looking for. Thank you!

[magpole]

will try this method