Forums / General Questions / Cant display Google checkout logo in side box as background image.

Cant display Google checkout logo in side box as background image.

Locked

Started by phil99 on 22 Aug 2007, 1:22 PM · Views: 1,872

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
22 Aug 2007, 1:22 PM
#1
phil99 avatar

phil99

Zen Follower

Join Date:
Aug 2007
Posts:
113
Plugin Contributions:
0

Cant display Google checkout logo in side box as background image.

Hi there, I am trying to display the google checkout acceptance logo in the bottom of my left side box.

I read the article in FAQ's on how to display an image in the bottom of the sidebox and you add to the css some code.

In the addition css code there is a part background-image: url(image.gif)

Now this all works perfectly, but the google acceptance logo you have to use their blooming code as they host the image and presumably track it whatever.

their code starts

<link rel="stylesheet" href="https://checkout.google.com/seller/accept/s.css" type="text/css" media="screen" /> <script type="text/javascript" src="https://checkout.google.com/seller/accept/j-en_GB.js"></script> <script type="text/javascript">showMark(2);</script> <noscript><img src="https://checkout.google.com/seller/accept/images/ht-en_GB.gif" width="182" height="44" alt="Google Checkout Acceptance Mark" /></noscript>

so i add to my css background-image: url(above) and it doesnt work.

Can anyone help? And before people moan this isnt a google checkout question, but more how to display a sidebox background image that is hosted elsewhere.

22 Aug 2007, 1:37 PM
#2
econcepts avatar

econcepts

Totally Zenned

Join Date:
Dec 2005
Posts:
1,505
Plugin Contributions:
2

Re: Cant display Google checkout logo in side box as background image.

You don't actually add that code to your CSS background image portion. That contains JavaScript, and it shouldn't be included in the CSS (in fact, that is why it isn't working for you.)

Why not just use the blank sidebox contribution (or something similar) and paste that JS code in there?

There should be no need to work with the Stylesheet to get that to show. Just paste the code Google gives you as in into a sidebvox (like the blank one) and you're up and running.

Eric
20 Ways to Increase Sales Using Zen Cart
Zen Cart contribs: Simple Google Analytics, Export Shipping Information

22 Aug 2007, 9:04 PM
#3
phil99 avatar

phil99

Zen Follower

Join Date:
Aug 2007
Posts:
113
Plugin Contributions:
0

Re: Cant display Google checkout logo in side box as background image.

Thanks, that does work.... but it looks a real mess as it has the side box header, and the pink sidebox background around the logo, which looks like its in a frame. Guess if i knew how to change the code this is possible? Thanks for your reply by the way.

22 Aug 2007, 11:01 PM
#4
econcepts avatar

econcepts

Totally Zenned

Join Date:
Dec 2005
Posts:
1,505
Plugin Contributions:
2

Re: Cant display Google checkout logo in side box as background image.

You could remove that "box" around the image by altering the styles associated with the "blank box" (thus making it "not appear to be present").

Eric
20 Ways to Increase Sales Using Zen Cart
Zen Cart contribs: Simple Google Analytics, Export Shipping Information

23 Aug 2007, 10:07 AM
#5
phil99 avatar

phil99

Zen Follower

Join Date:
Aug 2007
Posts:
113
Plugin Contributions:
0

Re: Cant display Google checkout logo in side box as background image.

Yeah thats what i thought, but im not sure how to do that. Cheers anyway.