Help - Search - Members - Calendar
Full Version: Paypal Logo Issues
Avactis Shopping Cart Forums > Avactis Technical Issues > Graphic Design Help, Ideas and Fun Cart Tweaks
nairbnoslo
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.


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



Thanks in advance for any help.
So far I'm loving Avactis!
Technology Ideas
QUOTE (nairbnoslo @ Jun 17 2010, 10:51 AM) *
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.


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.
nairbnoslo
QUOTE (Technology Ideas @ Jun 17 2010, 01:08 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?
CODE
<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 smile.gif
Technology Ideas
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.
nairbnoslo
QUOTE (Technology Ideas @ Jun 17 2010, 11: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.




Absoluetly brilliant!

Thanks so much for your help.

Next time I'm in Australia - I owe you a beer! smile.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Copyright © 2004-2006 Avactis Ecommerce Shopping Cart Software. All Rights Reserved.
Invision Power Board © 2001-2013 Invision Power Services, Inc.