How can I change my payment options button to 'Buy it Now'?

Store Design
1

Hi Everyone,

at the time i have enabled PayPal and in the product page Paypal coming as big button as “Buy with PayPal”

but under that button in small label “More Payment Option”

how i can remove both of them and make it “Buy it Now”

Thanks

1 Like
2

Hello there!

The payment button depends on the users browser and most used app. And since the button is generated by Shopify, replacing might not be possible. You can try to follow this thread for better understanding https://community.shopify.com/c/Shopify-Design/Debut-Theme-Changing-dynamic-checkout-buttons-to-quot-Buy-now/td-p/575187

I hope this is comprehensive.

Need a design expert? Contact us https://www.fiverr.com/s2/f97574a029

Thank you.

1 Like
3

@Narinova

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

4

@Narinova

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

5

www.narinova.com

6

@Narinova

Thanks for the store URL.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.
.shopify-payment-button__more-options {
    visibility: visible !important;
}
1 Like
7

Thanks Ketan

i have updated the code following your advice but the issue that if the customer did not make paypal as his/her default or preferable payment method the main button will be Buy it Now and with your code more options will come at all times i think we need to add if statement in this case but i don’t know how

Thanks again

8

it is not working even with the customers who prefered paypal as first option

i have updated the code you can check

thanks

1 Like
9

@Narinova

Thanks for update

can you please this article how to work more payment option

https://help.shopify.com/en/manual/online-store/os/dynamic-checkout

10

I don’t want to remove it but make it like a button. People would always confuse if that was a button. How could I make it happens?

Tks

11

Hi Ketan Kumar, My ‘More Payment Options’ is gone. Can you please help me out

1 Like
12

@Syed8

oh sorry for that issue can you please send store url

13

@KetanKumar

https://oneclickpik.com/collections/kitchen-gadgets/products/non-stick-silicone-mini-kitchen-spatula-%F0%9F%92%9D-2023-tending-product
Here is the product link

1 Like
14

@Syed8

Thanks please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.shopify-payment-button__more-options {
    visibility: visible !important;
    display: block !important;
}
1 Like