Error with PayPal Checkout button

[oziotech]

Hi,

 

My clients go through PayPal to purchase my products, through the cart process. However, the PayPal button is stuck on the product page, and collides with the Add to Cart button as seen in the image.

 

I want to remove the PayPal button from the product page, but keep it in the cart process. Otherwise, clients can just click the PayPal button instead of the Add to Cart button and then pay for the product and pay $0 for shipping.

 

Regards,

 

Josh

 

 

 

[archproject]

Yes, I want to remove the paypal image as well it's confusing my customers rather than going to their cart they just click on the image. Can somebody please help us.

 

Paypal Version 3.10.10

Edited June 27, 2016 by archproject (see edit history)

[Knowband Plugins]

You can hide Paypal button from all product pages by using single line of CSS code. If you don't have CSS knowledge, kindly share your website URL so that we can check the paypal button and can give you code accordingly.

[archproject]

Hi guys,

 

I found out a way, below is the post that I made

https://www.prestashop.com/forums/topic/236944-remove-express-check-out-paypal-button/?p=2356960

[oziotech]

You can hide Paypal button from all product pages by using single line of CSS code. If you don't have CSS knowledge, kindly share your website URL so that we can check the paypal button and can give you code accordingly.

My website is www.oziotech.com.au

 

appreciate that mate

[Knowband Plugins]

Thank you for sharing your website url.

 

You need to edit one core file of your prestashop store and add below code in /themes/default-bootstrap/css/global.css

 

#paypal-express-checkout-form {    display: none; }

 

If you don't want to edit core file, you can check below module, which allows you to add custom css or js code to any page of your website without modifying core files. Using this module, you can also decide whether to apply code to mobile phone or not.

 

http://addons.prestashop.com/en/21546-knowband-custom-css-and-js.html

[oziotech]

 

Thank you for sharing your website url.

 

You need to edit one core file of your prestashop store and add below code in /themes/default-bootstrap/css/global.css

 

#paypal-express-checkout-form {    display: none; }

 

If you don't want to edit core file, you can check below module, which allows you to add custom css or js code to any page of your website without modifying core files. Using this module, you can also decide whether to apply code to mobile phone or not.

 

http://addons.prestashop.com/en/21546-knowband-custom-css-and-js.html

 

This fixed the problem, however, I want my customers to be able to pay with PayPal at the end of the checkout process. This removed the PayPal checkout altogether. Is there some way or alternative to make it so customers can use PayPal to pay? 

 

Thanks again for the quick response and the great response mate btw

[Knowband Plugins]

Sorry forgot that you just need to hide it on product page.

 

Please add below code in last line of /themes/default-bootstrap/css/product.css.

 

#paypal-express-checkout-form { display:none !important; }

 

This will hide Paypal button only on product pages.

[oziotech]

Sorry forgot that you just need to hide it on product page.

 

Please add below code in last line of /themes/default-bootstrap/css/product.css.

 

#paypal-express-checkout-form { display:none !important; }

 

This will hide Paypal button only on product pages.

Thanks! Managed to disable the product page having the express checkout via the PayPal settings in the Admin Console.

 

Another problem which is related - I want the express checkout to be available in Picture 2, not in Picture 1.