Jump to content
jscustom

Paypal Checkout button positions

Recommended Posts

I am new to Prestashop and slowly working out how everything pieces together.

 

I am trying to work out how to move the Paypal & Paypal Express buttons to the right hand side at the final payment screen. I would also like to change the text beside these two buttons so customers know which is which.

 

Thanks!

 

See attached screen shot.

 

 

post-848778-0-34974600-1413717033_thumb.jpg

Share this post


Link to post
Share on other sites

Would you specify the vendor of this module? because settings area a bit different from a PayPal module to another.

 

I would suggest you change the Image of each component not the text (Image1: PayPal Express, image2: Standard checkout)

 

paypalcheckoutbutton2.png

 

express-checkout-hero-sg.png

Edited by PhilCorleone (see edit history)

Share this post


Link to post
Share on other sites

It is the standard Prestashop Paypal module.

 

I managed to find where the text was referenced in one of the .tpl files. There was a message supposed to be displayed beside the top button, but for some reason it doesn't show. I was able to change the text beside the lower image though. I didn't even think of changing the images. Will do that now. Thanks for that.

 

I still need to work out how to move them to the right hand side of the page now.

Share this post


Link to post
Share on other sites

PM your store URL and i'll fix it.

 

I'll post the solution in here when I get back to benefit other members in the future.

Share this post


Link to post
Share on other sites

You want to go to:

 

paypalusa\views\templates\hook\standard.tpl

 

Look for this line(Ctrl+F):

style="vertical-align: middle; margin-right: 10px;" /> {l s='Pay with PayPal' mod='paypalusa'}

Change Margin-right to -800px I believe? Anyway, adjust it correctly.

 

For the text, Change the {l s='Pay with PayPal(This part only)'.

 

Good luck and wish you all success in business.

Edited by PhilCorleone (see edit history)

Share this post


Link to post
Share on other sites

It turned out to be I needed to add align='right' to the <div id="paypal-express-checkout"> tag at line 47.

 

This has been a good refresher course in HTML/CSS for me.. Last time I did any web design was when CSS was just starting to be implemented on the web.. mid-late 90s if I remember right!

 

Thanks for your help :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More