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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

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