How to remove payment buttons from product page and only show buy now

Store Design
1

Hi,
I want to remove all type of dynamic buttons on from shopify product page and just want to show shopify buy now ( diecr checkout) button on product page. Please help me with that. Thanks

2 Likes
2

Hi @Kh_Huzaifa ,

Please follow the instructions below.

  1. In your Admin store, click Online store > Themes
  2. Go to the theme you want to edit, click Actions > Edit code
  3. In your Asset folder, open the theme.css (or your common or global CSS file ) and add the code below
[type="submit"] {
display: none !important
}
3

No. this doesnt work

4

Hi @Kh_Huzaifa ,

It would be best to provide your website in order to provide a specific code that applies to you

5

Just had some trouble with this problem. I unchecked the dynamic checkout on the theme customization. and it still showed up on the product page, and cart.

This is what i did to fix that issue.

first i navigated to Themes > Edit Site Code then i looked for “section-main-product” in the assets folder. then i searched for “.shopify-payment-button__button” then i added “display: none !important;” under it. so it looked like this:

/* Dynamic checkout */

.shopify-payment-button__button {
  font-family: inherit;
  min-height: 4.6rem;
  display: none !important;
}

i also added this code under “.shopify-payment-button__more-options” to remove “more payment options”

That removes the dynamic checkout button from the product page.

to remove the dynamic check out from the cart you can follow this same process

to change the cart:

its in the assets folder labeled as “component_cart.css” then paste the code under".cart__dynamic-checkout-buttons"

your theme may have different layouts. or they might be all in one place or scattered. but i hope you can figure it out

6

Im not really good at giving tips or shopify support. but i just figured i should share my solution