PayPal banner html

[Guest]

I have CC4.4.2 and was wondering where I place the html for the "We accept PayPal, Visa, MC etc" - I would like it either at the bottom of the front page or at the left hand side under the languages box. I am using a modified KitaBlue skin.

I have either the long logo 253x80 or the box logo at 150x174 - if I put it under the language box on the left side of KitaBlue I would use the box I presume, and for the bottom of the page the long logo from PayPal.

Any help anyone can offer would be appreciated ;)

[Guest]

Nobody? Anyone? I would appreciate someone's help here, or perhaps pointing out a forum where this has been asked already, if it has I can't find it.

[leeofaccy]

Hi

Can you post your URL and I will see where the logo will look best, then post back the code for you.

Lee

[Guest]

Hi

Can you post your URL and I will see where the logo will look best, then post back the code for you.

Lee

Hey thank you for the reply, the URL for the store is at 2753productions

I have the html code direct from PayPal already, I just have not been able to find out where to place it :(

[leeofaccy]

Hi

This will put it in a box, under your Language box. You will need to open /skins/YOUR_SKIN/styleTemplates/global/index.tpl.

Find {LANGUAGE} in the source code and paste the following code AFTER it but BEFORE the closing div (</div>)

<div class="boxTitleLeft">YOUR_TITLE</div>

<div class="boxContentLeft">YOUR PAYPAL CODE GOES HERE</div>

You will need to change YOUR_TITLE to whatever you would like to call it ie Payment Accepted or something like that. Overwrite YOUR PAYPAL CODE GOES HERE with the code from your PayPal banner.

It should now look something like this....

<div class="colLeft">

{CATEGORIES} {RANDOM_PROD} {INFORMATION} {CURRENCY} {LANGUAGE}

<div class="boxTitleLeft">YOUR_TITLE</div>

<div class="boxContentLeft">PAYPAL CODE HERE</div>

				</div>

Hope that works for you.

Lee

[Guest]

Hi

This will put it in a box, under your Language box. You will need to open /skins/YOUR_SKIN/styleTemplates/global/index.tpl.

Find {LANGUAGE} in the source code and paste the following code AFTER it but BEFORE the closing div (</div>)

<div class="boxTitleLeft">YOUR_TITLE</div>

<div class="boxContentLeft">YOUR PAYPAL CODE GOES HERE</div>

You will need to change YOUR_TITLE to whatever you would like to call it ie Payment Accepted or something like that. Overwrite YOUR PAYPAL CODE GOES HERE with the code from your PayPal banner.

It should now look something like this....

<div class="colLeft">

{CATEGORIES} {RANDOM_PROD} {INFORMATION} {CURRENCY} {LANGUAGE}

<div class="boxTitleLeft">YOUR_TITLE</div>

<div class="boxContentLeft">PAYPAL CODE HERE</div>

				</div>

Hope that works for you.

Lee

Oh thank you Lee, that is very much appreciated! You rock! :(

[leeofaccy]

Hi

I've noticed you have got the banner in place now, but it could do with tidying up a little. Copy all of the following code and paste it over the whole of the last one. This will move the banner up a little and centre it.

<div class="boxTitleLeft">Payment Accepted</div>

<div class="boxContentLeft" style="text-align: center;"><!-- PayPal Logo --><table border="0" cellpadding="10" cellspacing="0" align="center">

<tr><td align="center"><a href="#" onclick="java script:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img  src="https://www.paypal.com/en_US/i/bnr/vertical_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo --></div>

Lee

[Guest]

Hi

I've noticed you have got the banner in place now, but it could do with tidying up a little. Copy all of the following code and paste it over the whole of the last one. This will move the banner up a little and centre it.

<div class="boxTitleLeft">Payment Accepted</div>

<div class="boxContentLeft" style="text-align: center;"><!-- PayPal Logo --><table border="0" cellpadding="10" cellspacing="0" align="center">

<tr><td align="center"><a href="#" onclick="java script:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img  src="https://www.paypal.com/en_US/i/bnr/vertical_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo --></div>

Lee

Hey thanks Lee,

I did that, pasted it over all of the code you told me to put in last time and it raised it up some, but still not centered, and now the paypal banner does not lead to the PayPal customer site (previously it went to PayPal and told customers the advantages and security of using PayPal for their purchases) it doesn't do that anymore and still not centered :(

[leeofaccy]

Hi Scott

I think we can sort this out....

Yes, I see what you mean about it not going to the PayPal customer site. I have noticed an error in the code here <a href="#" onclick="java script:window.open...........

It should be <a href="#" onclick="javascript:window.open...........(No Gap between java & script)

I don't know how that happened, as I copied the code from the source of your site.

I have managed to centre it another way, by removing the cell-padding. With it set to 10, it was pushing everything over to the right. The code below should sort it out.....fingers crossed!! Just copy it over the old one, as before.

<div class="boxTitleLeft">Payment Accepted</div>

<div class="boxContentLeft"><!-- PayPal Logo --><table border="0" cellpadding="0" cellspacing="0" align="center">

<tr><td align="center"><a href="#" onclick="java script:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img  src="https://www.paypal.com/en_US/i/bnr/vertical_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo --></div>

Lee

[Guest]

Hi Scott

I think we can sort this out....

Yes, I see what you mean about it not going to the PayPal customer site. I have noticed an error in the code here <a href="#" onclick="java script:window.open...........

It should be <a href="#" onclick="javascript:window.open...........(No Gap between java & script)

I don't know how that happened, as I copied the code from the source of your site.

I have managed to centre it another way, by removing the cell-padding. With it set to 10, it was pushing everything over to the right. The code below should sort it out.....fingers crossed!! Just copy it over the old one, as before.

<div class="boxTitleLeft">Payment Accepted</div>

<div class="boxContentLeft"><!-- PayPal Logo --><table border="0" cellpadding="0" cellspacing="0" align="center">

<tr><td align="center"><a href="#" onclick="java script:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img  src="https://www.paypal.com/en_US/i/bnr/vertical_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo --></div>

Thanks Lee, I appreciate the help

Lee