OpenCart Community

OpenCart Community Forum - Discuss shopping cart and e-commerce solutions.
https://forum.opencart.com/

How do I add payment logos?

https://forum.opencart.com/viewtopic.php?t=16089

Page 1 of 1

How do I add payment logos?

Posted: Thu Jun 17, 2010 4:00 am
by helenmarie
Hello, I have searched the forum and cant find this question being answered anywhere else, but forgive me if it has been asked before and I have missed it :-) but....

Which files do I edit so I can add the paypal and sagepay logos to the payment checkout pages next to the radio check buttons instead of the text 'Paypal' and 'Credit/Debit Card (Sagepay)'?

or maybe add the logos underneath the text?

Thank you

Helen

Re: How do I add payment logos?

Posted: Thu Jul 08, 2010 10:45 pm
by dada
Also I need to find a solution for this problem. Anyone?

Re: How do I add payment logos?

Posted: Thu Jul 07, 2011 7:20 am
by eccorals
Has this been answered?

Re: How do I add payment logos?

Posted: Tue Aug 16, 2011 8:07 am
by nyltak
am searching for an answer to this as well, I would like to put the UPS logo on the shipping page also.

Re: How do I add payment logos?

Posted: Tue Aug 16, 2011 11:56 am
by SamNabz
Go to 'catalog/language/english/payment' and edit the desired payment file. For this example, I will be editing the bank_transfer.php file.

Find:

Code: Select all

$_['text_title']       = 'Bank Transfer';
And replace the title with the link to the image - example below:

Code: Select all

$_['text_title']       = '<img src="http://www.domain.com/image/data/anz.gif" width="120" />';
And here is the result:
Image

Re: How do I add payment logos?

Posted: Fri Oct 07, 2011 5:45 pm
by fourgood
thanks, that works. but unfortunately it places the logo also on the invoice and confirmation mails, which is not what i want.

any resolution for that?

Re: How do I add payment logos?

Posted: Fri Oct 07, 2011 6:09 pm
by fourgood
Ok, got it:

goto
/catalog/model/payment/pp_standard.php for example and change

Code: Select all

'title'      => $this->language->get('text_title')
to this

Code: Select all

'title'      => $this->language->get('img_title')
then goto
/catalog/language/english/payment/pp_standard.php

and add

Code: Select all

$_['img_title']			= '<img src="' . HTTPS_SERVER . 'catalog/view/theme/default/image/payment/your_paypal_logo.png" alt="PayPal.com" title="PayPal.com" /></a>';

Re: How do I add payment logos?

Posted: Fri Oct 14, 2011 1:39 am
by rwalker
Thank you!!

Re: How do I add payment logos?

Posted: Thu Feb 07, 2013 10:26 am
by BionicBill
Found a better solution works for 1.5.4

Go to
In 'catalog/controller/language/payment/your payment method.php' and add the following:

Find:

Code: Select all

 $_['text_title']               = 'credit cards (PayPal Advanced)'
Add below:

Code: Select all

$_['pay_icon']                  ='<img src"' . HTTPS_SERVER . 'catalog/view/default/image/your_payment_logo.png" alt="payment text goes here" title-"payment title" /></a>';
Next find: 'catalog/model/payment/your payment type.php

Find:

Code: Select all

'title'                =>  $this->language->get('text_title')
Add below that :

Code: Select all

'p_logo'              => $this->language->get('pay_icon')
Next in: 'catalog/view/theme/default/template/payment/your payment method.tpl'

Replace :

Code: Select all

<label for="<?php echo $payment_method['code']; ?>" style="cursor: pointer;"><?php echo $payment_method['title']; ?></label></td>
With this:

Code: Select all

<label for="<?php echo $payment_method['code']; ?>" style="cursor: pointer;"><?php echo $payment_method['p_logo']; ?></label></td>

Re: How do I add payment logos?

Posted: Fri Feb 15, 2013 6:30 am
by sunster
Has anyone tried the above method and is this the best method?

Thanks

Re: How do I add payment logos?

Posted: Fri Feb 15, 2013 11:41 am
by MarketInSG
Or you can just get this mod to do the job: http://www.opencart.com/index.php?route ... on_id=7382

Re: How do I add payment logos?

Posted: Fri Feb 15, 2013 12:08 pm
by sunster
Lol, adding a logo for free is way better than $70 bucks.

Re: How do I add payment logos?

Posted: Fri Feb 15, 2013 1:03 pm
by MarketInSG
Then you do it the way above lol. :laugh:

Re: How do I add payment logos?

Posted: Sat Jun 01, 2013 4:49 am
by preto
I had to change some things to make it work
BionicBill wrote:Found a better solution works for 1.5.4

Go to
In 'catalog/controller/language/payment/your payment method.php' and add the following:

Find:

Code: Select all

 $_['text_title']               = 'credit cards (PayPal Advanced)'
Add below:

Code: Select all

$_['pay_icon']                  ='<img src"' . HTTPS_SERVER . 'catalog/view/default/image/your_payment_logo.png" alt="payment text goes here" title-"payment title" /></a>';
Next find: 'catalog/model/payment/your payment type.php

Find:

Code: Select all

'title'                =>  $this->language->get('text_title')
Add below that :

Code: Select all

'p_logo'              => $this->language->get('pay_icon')
Next in: 'catalog/view/theme/default/template/payment/your payment method.tpl'

Replace :

Code: Select all

<label for="<?php echo $payment_method['code']; ?>" style="cursor: pointer;"><?php echo $payment_method['title']; ?></label></td>
With this:

Code: Select all

<label for="<?php echo $payment_method['code']; ?>" style="cursor: pointer;"><?php echo $payment_method['p_logo']; ?></label></td>
Go to
In 'catalog/controller/language/payment/your payment method.php' and add the following:
actulally the correct path is:
'catalog/language/controller/YOULANGUAGE/payment/your payment method.php'


and in
Next in: 'catalog/view/theme/default/template/payment/your payment method.tpl'

Replace :

Code: Select all

<label for="<?php echo $payment_method['code']; ?>" style="cursor: pointer;"><?php echo $payment_method['title']; ?></label></td>
With this:

Code: Select all

<label for="<?php echo $payment_method['code']; ?>" style="cursor: pointer;"><?php echo $payment_method['p_logo']; ?></label></td>
I went to 'catalog/view/theme/default/template/checkout/payment_method.tpl'

and change the line:

Code: Select all

   	<td><label for="<?php echo $payment_method['code']; ?>"><?php echo $payment_method['title']; ?></label></td>
for this:

Code: Select all

<td><label for="<?php echo $payment_method['code']; ?>"><?php if(isset($payment_method['p_logo'])){ echo $payment_method['p_logo'];}else{echo $payment_method['title'];} ?></label></td>

Re: How do I add payment logos?

Posted: Thu Jun 25, 2015 11:39 am
by meistralf
how can i add multiple logo?

Re: How do I add payment logos?

Posted: Fri Jun 26, 2015 5:00 am
by artcore
Here's how I did it.
In template/checkout/payment_method.tpl use the name of the payment method in the 'template/payment' folder as the array key (left) and the name of the preferred image on the right. If the name of your payment method matches it will use the chosen image.

before

Code: Select all

<?php foreach ($payment_methods as $payment_method) { ?>
add

Code: Select all

<?php $logos = array(
              'bank_transfer'      => 'banktransfer.png',
              'cod'                => 'post-nl.png',
              'direct_ebanking'    => 'direct-ebanking.png',
              'free_checkout'      => 'free.jpg',
              'idealcheckoutideal' => 'ideal.png',
              'mistercash'         => 'mistercash.png',
              'moneybookers'       => 'moneybookers.png',
              'pp_standard'        => 'paypal.png',
              'pp_express'         => 'paypal.png',
              'sofort'             => 'sofort.png',
             ); ?>
This is an example, add more method+image to suit your needs.

before

Code: Select all

<?php echo $payment_method['title']; ?>
add

Code: Select all

<?php foreach ($logos as $method=>$logo) {
              if ($payment_method['code'] == $method) {
               echo '<img src="'.HTTP_SERVER.'image/payment-icons/' . $logo . '" height="24">';
              }
          } ?>
I can't attach a file(zip) to this post. I'll try again tomorrow or add it to the extension store for free :)

Re: How do I add payment logos?

Posted: Sat Jul 04, 2015 2:44 am
by artcore
A free vQmod for all versions can be downloaded here:
http://www.opencart.com/index.php?route ... n_id=22915

Re: How do I add payment logos?

Posted: Fri Oct 20, 2017 9:35 am
by sitedeveloper999
Hey artcore, the link to the VQMod doesn't work anymore :(

Do you happen to have a copy somewhere, or better yet, an updated version for 3.0.2.0?

Thanks in advance if you do, thanks anyway for the manual solution :)

Re: How do I add payment logos?

Posted: Sat Oct 21, 2017 10:13 am
by IP_CAM
Some free Solutions for different OC Versions on this ! ;)
Exept for latest Versions, those usually don't yet come for free ! :laugh:
Ernie
---
Payment/Shipping Images 151 free, OC v.1.5.1.x:
https://www.opencart.com/index.php?rout ... on_id=2851
---
Payment Logo free, OC v.1.5.3.x - 1.5.6.x:
https://www.opencart.com/index.php?rout ... n_id=16173
---
Payment Logo free, OC v.1.5.5.x - 1.5.6.x:
https://www.opencart.com/index.php?rout ... n_id=14358
---
Checkout Payment Logos free, OC v.2.0.0.0 - 2.3.0.2:
https://www.opencart.com/index.php?rout ... n_id=29551
---
add icon checkout and payment icons free, OC v.2.0.1.0 - 2.1.0.1:
https://www.opencart.com/index.php?rout ... n_id=28125
---
Image
---
All times are UTC+08:00
Page 1 of 1
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/