close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

credit card graphics on checkout page?

Thread began 3/31/2014 8:32 am by Nathon Jones Web Design | Last modified 3/31/2014 2:35 pm by Jason Byrnes | 418 views | 9 replies |

Nathon Jones Web Design

credit card graphics on checkout page?

We're using PayPal Payments Pro and we're based in the UK.
When we get to checkout, to enter billing and shipping information, there are some credit card icons displayed but not ALL of the credit/debit cards that are accepted by PayPal. Can we change these or are they built in to the Wizard?

Thank you.
NJ

Sign in to reply to this post

Jason ByrnesWebAssist

the cc logos are an image served by paypal:

<img border="0" alt="PayPal Acceptance Mark" src="https://www.paypalobjects.com/webstatic/mktg/Logo/AM_SbyPP_mc_vs_ms_ae_UK.png">

you can see other paypal logos available for the UK here:
https://www.paypal.com/uk/webapps/mpp/logo-center

and substitute the src with the one you wish to use.

Sign in to reply to this post

Nathon Jones Web Design

There are two options Jason...

Visa / MasterCard / American Express / Discover (first radio button)
and
PayPal (along with all the PayPal card icons)

Why are there two options for payment when we've selected PayPal Payments Pro in the wizard?

Sign in to reply to this post

Jason ByrnesWebAssist

"Why are there two options for payment when we've selected PayPal Payments Pro in the wizard?"


because PayPal pro is 2 services:

1) PayPal Direct Payments
2) Paypal Express Checkout.

Sign in to reply to this post

Nathon Jones Web Design

How do I display the correct payment card graphics for the PayPal Direct Payments option?
I assume the steps you gave me previously were for the PayPal Express Checkout side?

Thank you.
NJ

Sign in to reply to this post

Jason ByrnesWebAssist

on the checkout page:
the card options are a image:

<img border="0" alt="PayPal Acceptance Mark" src="https://www.paypalobjects.com/webstatic/mktg/Logo/AM_SbyPP_mc_vs_ms_ae_UK.png">

you can see other paypal logos available for the UK here:
https://www.paypal.com/uk/webapps/mpp/logo-center

and substitute the src with the one you wish to use.

Sign in to reply to this post

Nathon Jones Web Design

The images are referenced as follows for the PayPal Direct Payment option:
<img align="absmiddle" style="margin-right:5px" src="webassist/ecart/images/cc_visa.gif" alt="Visa" id="accept_cc_visa">
<img align="absmiddle" style="margin-right:5px" src="webassist/ecart/images/cc_mastercard.gif" alt="Mastercard" id="accept_cc_mastercard">
<img align="absmiddle" style="margin-right:5px" src="webassist/ecart/images/cc_amex.gif" alt="American Express" id="accept_cc_amex">
<img align="absmiddle" style="margin-right:5px" src="webassist/ecart/images/cc_discover.gif" alt="Discover" id="accept_cc_discover">

The link you've provided to the UK PayPal logos is only for the PayPal Express Checkout option. I'm trying to change the PayPal direct payments option.

Also, relating to the checkout page, if I want to limit the countries that can be selected, we will only be dispatching to UK addresses, do I have to hand code that? (delete all of the countries I don't need?)

Thank you.
NJ

Sign in to reply to this post

Jason ByrnesWebAssist

you will need to add additional images for the other cards manually


to limit the countries, you will need to remove them from the select list.

Sign in to reply to this post

Nathon Jones Web Design

It would be nice if all of the card graphics were uniform - if PayPal accept payment by them then it's odd that they don't provide graphics for them. What a pain. :(

Regarding the country drop-down, will I break anything if I move the "State" field above the "Country"? I'm happy for it just to be a text input field as opposed to a dynamic dependent drop down although that might come at a later stage.

Thanks again.
NJ

Sign in to reply to this post

Jason ByrnesWebAssist

I dont believe it will break anything to move the state field.

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...