[solved] Change PayPal image/text (at checkout) in 1.5

[CrossY]

Hi there,

 

I've been at this for a while now.. I'm trying to change the image of PayPal. I could obviously simply change the image, and leave the path to the image, but I want to change it from .gif to something else, so i'm looking for the location of the image inside the files. Somewhre I can change the path... I can't find it anywhere.

 

With that, i'm trying to change the text next to it. I managed to translate it with a lot of hasstle, but it appears to be a text linked to an image, so I'm having a hard time addressing it with CSS to change the style.

 

I reckon both the image and the text are at the same part of the file i'm looking for.

 

I'd be very grateful if anyone can help me out here!

 

Regards,

[CrossY]

Still looking for a solution.. any ideas?

[CrossY]

Ok, found a (workable) solution*. Let me just allow me to say this PayPal module is utter shit in terms of flexibility in both translations and styling. Ok, here we go:

 

The text can be translated in /modules/paypal/translations.xml, under

"<payment_choice>Here</payment_choice>"

. There seems to be no other way to translate this text, so don't bother with the backoffice translations.

 

The image can be changed in /modules/paypal/views/templates/hook/express_checkout_payment.tpl on line 32

<img src="your url here" alt="{l s='This is alt text' mod='paypal'}" height=31px" />

 

The: 'this is alt text' seems to be overwritten by something else, so it does nothing to your front-office really..

 

To edit the actual text, change line 36 to:

 {l s='Place your own text here' mod='paypal'}

. I havnt tested it yet, but I reckon you can translate it in your BO now.

 

I changed the P CLASS to something unique, so I could play with the styling, on line 26:

<p class="paypal_text">

 

Then edit global.css and play around with the code, I use this:

.paypal_text img {
   border: 0px solid;
   vertical-align:middle;
   margin-right: 20px;
}
.paypal_text {
   font-weight:bold;
   vertical-align:text-top !important;
   padding-left: 17px;
   padding-top: 15px;
   border: 1px solid #c2e6ff !important;
   height: 24px !important;
   margin-bottom: 9px !important;
}
.paypal_text:hover {
   border: 1px solid #0698fb !important;
}

 

Obviously you can apply your own styling. Good luck!

 

*I am a pretty shitty coder/designer, I just find workable solutions for my own website(s).

[vekia]

Hello CrossY

thanks for sharing your solution, im convinced that it will be really helpfull in similar cases.

im going to mark this topic as [sOLVED]

 

best regards

[Fileti-o]

Just want to say thank you to CrossY! worked for me!

[cycleelcyc]

hello CrossY

it also works on 1.6, thanks.

But when I tested on mobile version, seems the text can't appear, can anyone find a soltuion. seems it is not included in the   /modules/paypal/translations.xml