Adding banking logos to payment pages

[wotnow]

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

http://www.rosedakinjewellery.com.au...eckout_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...t_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.

PS am adding the logos into too many pages?

[lindasdd]

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

[wotnow]

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 ..

[lindasdd]

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

[wotnow]

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.

[lindasdd]

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.

8. Open that file.
9. 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.)

10. Put your image somewhere on your server
10. Open up google.
11. Search for "image html code"
12. Click on any link with w3schools.com in it
13. Find source code for images to find the correct syntax for creating an IMG tag
14. In your store file, insert image source code in with 'Credit Card'
15. 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

[DrByte]

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.

[wotnow]

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.

[DrByte]

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