jscustom Posted October 19, 2014 Share Posted October 19, 2014 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. Link to comment Share on other sites More sharing options...
PhilCorleone Posted October 21, 2014 Share Posted October 21, 2014 (edited) 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) Edited October 21, 2014 by PhilCorleone (see edit history) Link to comment Share on other sites More sharing options...
jscustom Posted October 21, 2014 Author Share Posted October 21, 2014 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. Link to comment Share on other sites More sharing options...
PhilCorleone Posted October 21, 2014 Share Posted October 21, 2014 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. Link to comment Share on other sites More sharing options...
PhilCorleone Posted October 21, 2014 Share Posted October 21, 2014 (edited) 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 October 21, 2014 by PhilCorleone (see edit history) Link to comment Share on other sites More sharing options...
jscustom Posted October 22, 2014 Author Share Posted October 22, 2014 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 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now