Forums / General Questions / Adding banking logos to payment pages

Adding banking logos to payment pages

Locked

Views: 1,047

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
21 Sep 2010, 6:52 AM
#1
wotnow avatar

wotnow

Zen Follower

Join Date:
Jan 2010
Location:
Broome
Posts:
331
Plugin Contributions:
0

Adding banking logos to payment pages

Hi I am wanting to add some logos I got from my banking company to this page:
http://www.rosedakinjewellery.com.au/index.php?main_page=shopping_cart
and also this page:

http://www.rosedakinjewellery.com.au/index.php?main_page=checkout_payment next to Credit Card (online via ANZ eGate) radio button in the Payment Method Box

AND also on this page:
http://www.rosedakinjewellery.com.au/index.php?main_page=checkout_confirmation underneath Shipping Method .. Australia Post.

I have tried searching the forums for how to do this but have been unable to find any help. I do not know which pages to access and where in the pages to insert the logos. I dont know PHP but am proficient with html and css. I have looked at tpl_shopping_cart and many others and am stuck.

Appreciate any advice regarding the procedure to do this. Thanks so much.:smile:

PS am adding the logos into too many pages?

Amanda McInerney
Kimberley Web Design

http://www.kimberleywebdesign.com.au/

24 Sep 2010, 12:56 AM
#2
lindasdd avatar

lindasdd

Zen Follower

Join Date:
Jun 2007
Posts:
474
Plugin Contributions:
0

Re: Adding banking logos to payment pages

Saw your other post about no answer to your posts.

I don't know the answer to your question here, although I might be able to find it if you tell me what ANZ eGate is.

What I can tell you is how I would debug this.

Here is probably how it works:

  • there is a checkout/shopping cart file that contains the CC images you already are seeing. So what you need to do is find that file, copy and paste the code in the file that displays the graphics, adjust the pasted code to call on the new images.

Don't know which file it is? Start with the images. Use the admin search function to search for any files that contain the name of the image. I assume it will be a language file. Open that language file and find out what the capitalized word is that equals the image (sort of like a variable). Next search for all files taht contain that capitalized word. This last search should pinpoint the file you need to be adjusting.

-lindasdd

25 Sep 2010, 12:46 PM
#3
wotnow avatar

wotnow

Zen Follower

Join Date:
Jan 2010
Location:
Broome
Posts:
331
Plugin Contributions:
0

Re: Adding banking logos to payment pages

Hi .. thanks for your response but images dont really help me in this instance as the only credit card type logo is the paypal one and that is a url to their site. ANZ E-gate is a bank in australia and besides their logo their is a mastercard and visa logo I can use.

If someone could just direct me to the relevant pages to edit ..

Amanda McInerney
Kimberley Web Design

http://www.kimberleywebdesign.com.au/

28 Sep 2010, 2:16 AM
#4
lindasdd avatar

lindasdd

Zen Follower

Join Date:
Jun 2007
Posts:
474
Plugin Contributions:
0

Re: Adding banking logos to payment pages

I'm going to take a look at your checkout page to see if I can figure it out.

Quick note though since I am creating a login profile. Unless you need them for some specific reason, you should turn off the following from your login screen: Fax Number,Date of Birth. These are a turn off to shoppers.

Which also makes me wonder, why do you want bank logos on your shopping cart page?

-lindasdd

28 Sep 2010, 2:30 AM
#5
wotnow avatar

wotnow

Zen Follower

Join Date:
Jan 2010
Location:
Broome
Posts:
331
Plugin Contributions:
0

Re: Adding banking logos to payment pages

Hi Linda, thanks so much for helping. I am a bit of a newbie and dont know how to turn off those features in the log in page. I am also unsure as to where the logos should be placed. My client wants them placed somewhere though.

Amanda McInerney
Kimberley Web Design

http://www.kimberleywebdesign.com.au/

28 Sep 2010, 2:51 AM
#6
lindasdd avatar

lindasdd

Zen Follower

Join Date:
Jun 2007
Posts:
474
Plugin Contributions:
0

Re: Adding banking logos to payment pages

Now that I actually created an account I can see what you mean. You have this "Credit Card (online via ANZ eGate)" and you want to have an image next to it.

This is the long version again, but only because I figure it helps you figure out other stuff when the time comes. On my site it just says "Credit Card".

  1. Copy the text Credit Card (online via ANZ eGate)
  2. Go to Admin>Tools>Developers Tool Kit
  3. SCroll to bottom.
  4. In "**Look-up in all files" **paste in the copied text.
  5. Search in All Files
  6. Find the result that most looks like it should be the correct one. In a situation like this 90% of the time it is a language file.

For me the file is **either ****includes/languages/english/modules/payment/authorizenet_aim.php

or

**/includes/languages/english/modules/payment/authorizenet.php and the section of code is
define('MODULE_PAYMENT_AUTHORIZENET_TEXT_CATALOG_TITLE', 'Credit Card'); // Payment option title as displayed to the customer

I know I use Authorizenet_aim, so I'm going to change that file.

  1. Open that file.
  2. Find the section with the corresponding code from before.

Hmmm, ok so we want an image next to the text. Well we could try inserting stuff into the actual checkout page file and create a new line in the language file,blah blah blah, or lets first see if inserting it into this language file in the already existing Credit Card line works (simplifies spacing too.)

  1. Put your image somewhere on your server
  2. Open up google.
  3. Search for "image html code"
  4. Click on any link with w3schools.com in it
  5. Find source code for images to find the correct syntax for creating an IMG tag
  6. In your store file, insert image source code in with 'Credit Card'
  7. For me I did 'Credit Card<img src="https://www.mysitename.com/images/icons/Amex.gif"/>'

That should be all.

I'm not sure if you need the https as opposed to http, but I did it anyway and it doesn't seem to be causing any security errors.

-lindasdd

P.S. If you want to properly use the overrides(you should), then put the new file in your template folder within the payment folder, even if that means you need to create a new template folder. For instance, for me that means, instead of putting the altered file here:**includes/languages/english/modules/payment/authorizenet_aim.php

I put it here: /includes/languages/english/modules/payment/CUSTOM/****authorizenet_aim.php

**CUSTOM obviously being your template name

28 Sep 2010, 3:29 AM
#7
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Adding banking logos to payment pages

Um ... if you stuff HTML, whether IMG tags or otherwise, into the "name" of the payment module, then EVERYWHERE that module's name is displayed that image will also appear. Thus, you'll see that image next to the payment module name not only on the payment page, but also on the confirmation screen, the My Account screen, and splashed all over the admin screens.

Instead you should be adding an 'icon' element to the array returned in the selection() method of the payment module.

Similar could be done for whatever shipping module you feel needs a logo on the shipping page.

Logos have their use, but it's important to note that people are banner-blind. ie: regularly seeing certain things all the time just makes people ignore them. And then all your "hard work" is wasted. Do yourself and all your customers a favour: don't overdo images, icons, logos, graphics, ads.

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

28 Sep 2010, 6:09 AM
#8
wotnow avatar

wotnow

Zen Follower

Join Date:
Jan 2010
Location:
Broome
Posts:
331
Plugin Contributions:
0

Re: Adding banking logos to payment pages

Oh gawd .. I just finished being elated that I had succeeded in putting these logos in .. in the suggested way by Linda .. thanks for that Linda.

Now Dr. Byte I feel very honored that you have intervened but I have absolutely no idea what you are referring to > Instead you should be adding an 'icon' element to the array returned in the selection() method of the payment module.

I have done some study into PHP and know what an array is but that would be about it.

The page I am editing is cc_via_migs.php. Do you need any of the code from this page.

Very much appreciated.:smile:

Amanda McInerney
Kimberley Web Design

http://www.kimberleywebdesign.com.au/

28 Sep 2010, 1:59 PM
#9
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
176

Re: Adding banking logos to payment pages

If you're satisfied with what it's doing for you now, leave it.

.
Zen Cart - putting the dream of business ownership within reach of anyone!
Donate to: DrByte directly or to the Zen Cart team as a whole

Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.