topic Re: How do I use a custom button image in Integration and Testing

How do I use a custom button image

shawnt66 — Wed, 23 Mar 2011 14:26:59 GMT

I have the code for the payment button that I created but I would like to use my own button image. HOw do I edit the code so that I can show my own button image on my website?

Thank you

Re: How do I use a custom button image

RaynorC1emen7 — Wed, 23 Mar 2011 15:21:27 GMT

If you are talking about Simple Checkout item? just change the image src to your image on your website.

Re: How do I use a custom button image

shawnt66 — Wed, 23 Mar 2011 15:29:48 GMT

Yes. Thank you. Can you tell me which is the image source? I am sorry if this is a dumb question, I searched for answers to this before posting the question.

Here is the code it gave me.

Re: How do I use a custom button image

RaynorC1emen7 — Wed, 23 Mar 2011 15:38:27 GMT

Re: How do I use a custom button image

shawnt66 — Wed, 23 Mar 2011 19:24:04 GMT

I created this button that has a rollover state so it's not something I can just link to an image file the way they have it. Do they code for a custom button, rather than a form? We are using CSS rollover attributes for our button and not a static image.

This is for simple checkout

My rollover code:

Authorize button code:

Re: How do I use a custom button image

RaynorC1emen7 — Wed, 23 Mar 2011 21:16:30 GMT

It need the form post to work.

See if something like this will work for you.

<form class="rolloverStyle" style="width:160px;height:300px;background:url(mouseOver.jpg) no-repeat;" name="PrePage" id="PrePage" method="post" action="https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx">
<input type="hidden" name="LinkId" value="aaad-76-3ee-32-8c8c61" />
<a onclick="document.getElementById('PrePage').submit();"><input type="image" src="MouseOut.jpg" /></a>
</form>

css

* html a:hover
{
visibility:visible
}
.rolloverStyle a:hover input
{
visibility:hidden
}

Re: How do I use a custom button image

elizabethr4 — Fri, 15 Jul 2011 00:28:48 GMT

I have followed this discussion, and tried to substitute my own image for Authorize.net's, the image I want is hosted on my site, but it does not load the image. What else might be happening? The image path is correct. I have "000" instead of the LinkId value. Thanks for any suggestions!

Here is my form code:

Here is the webpage: http://www.mdsg.clientwebdev.com/index.php

It's in the upper right corner, in the blue CONTRIBUTE box. The button says "DONATE NOW" in blue on a white background.

Thanks!

Re: How do I use a custom button image

elizabethr4 — Fri, 15 Jul 2011 00:36:46 GMT

Nevermind, I fixed it! For some reason, it wasn't refreshing when I uploaded a corrected page. Who knows!