Jump to content


Photo

Paypal Logo Issues


  • Please log in to reply
4 replies to this topic

#1 nairbnoslo

nairbnoslo

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 16 June 2010 - 04:51 PM

I'm having issues with the PayPal logos that are on the front page and checkout page.

Can somebody tell me where the code is to change the Payment logo that's on the front page (the PayPal - Master Card - Visa one)?
I tried just replacing the logo with a bigger one, but it crops that logo.... so I imagine there's something in CSS somewhere that gives dimensions(???)

The second issue is during the checkout. The logo there is overlapping some of the text.
Posted Image

Here's my site... http://www.purseuasion.net



Thanks in advance for any help.
So far I'm loving Avactis!

#2 Technology Ideas

Technology Ideas

    Expert

  • Members
  • PipPipPipPipPip
  • 397 posts

Posted 16 June 2010 - 10:08 PM

I'm having issues with the PayPal logos that are on the front page and checkout page.

Can somebody tell me where the code is to change the Payment logo that's on the front page (the PayPal - Master Card - Visa one)?
I tried just replacing the logo with a bigger one, but it crops that logo.... so I imagine there's something in CSS somewhere that gives dimensions(???)

The second issue is during the checkout. The logo there is overlapping some of the text.
Posted Image

Here's my site... http://www.purseuasion.net



Thanks in advance for any help.
So far I'm loving Avactis!


The logo is set in avactis-themes/system/pages/templates/page.template.tpl.html and also in CSS avactis-themes/system/css/layout.css under cc_icon

Having said that though, if you make that wider, you might affect other elements in the div, so an alternative is to simply use a smaller PayPal logo of course.

To add to this, to change the logo area on the checkout process (rather than the home page which is what I spoke about just above), you can alter avactis-themes\system\checkout\payment-methods\paypalpro\select-express-checkout-paypalpro.tpl.html and move the logo down in there just by the simple <br> statement or as you wish.

#3 nairbnoslo

nairbnoslo

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 17 June 2010 - 08:03 AM

The logo is set in avactis-themes/system/pages/templates/page.template.tpl.html and also in CSS avactis-themes/system/css/layout.css under cc_icon

Having said that though, if you make that wider, you might affect other elements in the div, so an alternative is to simply use a smaller PayPal logo of course.

To add to this, to change the logo area on the checkout process (rather than the home page which is what I spoke about just above), you can alter avactis-themes\system\checkout\payment-methods\paypalpro\select-express-checkout-paypalpro.tpl.html and move the logo down in there just by the simple <br> statement or as you wish.



Thanks so much for the quick reply.

Can you please be more specific about what I would need to change and where?
I'm not that great with css or html.

For the front page logo, I want to use a logo that's the same width but just a bit higher - so I would assume that wouldn't affect the rest of my page(?)
What would I need to change specifically in the html or css files to achieve this?

and then for the checkout page...

Where do I need to enter the </br> tags?
<hr><!-- BEGIN TPL (DO NOT REMOVE!) -->
<div class="paypalpro_expresscheckout">
		<div><?php Local_PaymentMethodName(); ?></div>
		<div>
			<?php $v = getLocal_ErrorMessage(); if ($v != '') { ?><div class="error_message"><?php echo $v; ?></div><?php } ?>
			<div>
			<!-- Required PayPal Pro Tag Begin (DO NOT REMOVE!) -->
			<?php Local_PayPalProExpressCheckoutMethod(); ?>
			</div>
			<div>
			<!-- Required PayPal Pro Tag End (DO NOT REMOVE!) -->
			<?php Label('CHECKOUT_PAYPAL_PRO_US_EXPRESS_CHECKOUT2_MESSAGE'); ?>
			</div>
		</div>
</div>
<!-- END TPL (DO NOT REMOVE!) --><hr>


Thankx in advance for your assistance on this :)

#4 Technology Ideas

Technology Ideas

    Expert

  • Members
  • PipPipPipPipPip
  • 397 posts

Posted 17 June 2010 - 08:21 AM

Best way to deal with the home page is :
Remove the following line from avactis-themes/system/pages/templates/page.template.tpl.html
<img class="cc_icon" src="<?php echo getTemplateFileURL('images/cc.gif'); ?>" alt="" />

then create a new page in the Content area of Avactis Admin called creditcards, add your credit card picture and then go into avactis-themes/system/map.ini and place the following: <?php CMSPageContent('creditcards'); ?> where you want it to go.

To fix the logo on the checkout page, open avactis-themes\system\checkout\payment-methods\paypalpro\select-express-checkout-paypalpro.tpl.html and add the following (add only the red part)

<div class="paypalpro_expresscheckout"><br>
Note: This is not a problem with a standard install ,so if you've changed things around, this might not be exactly right, but will help you get there.

#5 nairbnoslo

nairbnoslo

    Newbie

  • Members
  • Pip
  • 8 posts

Posted 17 June 2010 - 01:15 PM

Best way to deal with the home page is :
Remove the following line from avactis-themes/system/pages/templates/page.template.tpl.html
<img class="cc_icon" src="<?php echo getTemplateFileURL('images/cc.gif'); ?>" alt="" />

then create a new page in the Content area of Avactis Admin called creditcards, add your credit card picture and then go into avactis-themes/system/map.ini and place the following: <?php CMSPageContent('creditcards'); ?> where you want it to go.

To fix the logo on the checkout page, open avactis-themes\system\checkout\payment-methods\paypalpro\select-express-checkout-paypalpro.tpl.html and add the following (add only the red part)

<div class="paypalpro_expresscheckout"><br>
Note: This is not a problem with a standard install ,so if you've changed things around, this might not be exactly right, but will help you get there.




Absoluetly brilliant!

Thanks so much for your help.

Next time I'm in Australia - I owe you a beer! :)