Solved

How can I remove the express checkout button from my product page and cart?

Nourdahhan
Excursionist
12 0 2

Hello

can someone please help me to remove express checkout like paypal and google & apple pay

i mean not stop it the payment method just remove the button from product page & cart 

Thanks

Accepted Solutions (4)

StoreWatchers
Trailblazer
205 30 36

This is an accepted solution.

Hi, @Nourdahhan 

Greetings from the Store Watchers Support Team! Happy to help you today.

 

1. Go to online store > theme > edit code > assets > theme.css(file) and Paste the below code at the bottom of the file -> Save

#main-cart-footer .additional-checkout-buttons{
    display: none !important;
}

 

After applying the above CSS code , it will show like the following screenshot:

Screenshot_46.png

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

View solution in original post

StoreWatchers
Trailblazer
205 30 36

This is an accepted solution.

Hi, @Nourdahhan 

 

1. Go to online store > theme > edit code > assets > base.css(file) and Paste the below code at the bottom of the file -> Save

 

#main-cart-footer .additional-checkout-buttons{
    display: none !important;
}
Copy

 

After applying the above CSS code , it will show like the following screenshot:

StoreWatchers_0-1686670118240.png

 

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs

View solution in original post

made4Uo
Shopify Partner
3833 716 1166

This is an accepted solution.

Hi @Nourdahhan 

 

You can remove the product dynamic button by going to theme editor. 

 

1. From you Admin page, go to Online store > Themes > Customize
2. Go to Product. Click Product Information, then Buy Buttons

3. Unclick the Dynamic Checkout Buttons

 

 

made4Uo_1-1686671922718.png

 

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

made4Uo
Shopify Partner
3833 716 1166

This is an accepted solution.

You cannot touch the code in the checkout page unless you have a Shopify plus plan. You can however hide the dynamic button in the cart page by following the instructions below

 

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below

.cart__dynamic-checkout-buttons.additional-checkout-buttons {
display: none;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 23 (23)

SamJacksn
New Member
6 0 0

Can you please screenshot this and send it for visuals, or drop your store link

Nourdahhan
Excursionist
12 0 2

made4Uo
Shopify Partner
3833 716 1166

Hi @Nourdahhan 

 

What theme do you have? There should be a section in your product page. The buttons were called dynamic checkout buttons

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Nourdahhan
Excursionist
12 0 2

my theme is refresh 

www.yourtouch.be

 

made4Uo
Shopify Partner
3833 716 1166

This is an accepted solution.

Hi @Nourdahhan 

 

You can remove the product dynamic button by going to theme editor. 

 

1. From you Admin page, go to Online store > Themes > Customize
2. Go to Product. Click Product Information, then Buy Buttons

3. Unclick the Dynamic Checkout Buttons

 

 

made4Uo_1-1686671922718.png

 

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Nourdahhan
Excursionist
12 0 2

my dear thanks a lot but i mean express checkout in the cart and in the checkout and just in product page 

 

made4Uo
Shopify Partner
3833 716 1166

It seems you want to disable the express checkout overall. You have to disable the  third-party accelerated checkout method in your payment settings.

 

1. From your Admin page, go to Settings, then Payments

2. Find the Additional payment methods then click Manage

made4Uo_0-1686700239466.png

 

3. Deactivate the payment

made4Uo_1-1686700333803.png

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Nourdahhan
Excursionist
12 0 2

my dear i do not want to deactivate it just hide the button in the checkout page and cart page 

Thank you

made4Uo
Shopify Partner
3833 716 1166

This is an accepted solution.

You cannot touch the code in the checkout page unless you have a Shopify plus plan. You can however hide the dynamic button in the cart page by following the instructions below

 

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below

.cart__dynamic-checkout-buttons.additional-checkout-buttons {
display: none;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Nourdahhan
Excursionist
12 0 2

My friend it is working in the cart page but still not working in checkout page 

i have 3 express :

1-checkout( product page ) i made it off.

2 - in cart page now i see no more express check out after the code.

3- in the checkout page when the client give there information not solved yet!

made4Uo
Shopify Partner
3833 716 1166

As mentioned, you need to have a Shopify plus plan and edit the theme using script. If you do not have Shopufy plan, you cannot do this unfortunately

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
Nourdahhan
Excursionist
12 0 2

i have shopify plan i paid every month 35 euro my friend

soulchild37
Shopify Partner
166 9 46

Hi Nourdahhan,

You do not need a Shopify Plus plan to hide the express checkout payments on the checkout page (previously only Shopify Plus plan can modify the checkout page layout), but you will need to use an app for this, as Shopify does not allow merchant to edit theme / layout of checkout page directly.

I have made an app to hide the Paypal Express (and other express checkout method like Apple Pay, Google Pay etc) on the top part of checkout page, and customer can still select Paypal method at the payment step.

soulchild37_0-1692203019250.gif

 

 

The app is made using native Shopify functions, thus it does not affect your store existing layout or functionality at all.

The app name is Yagi Express Payment Hider (https://apps.shopify.com/yagi-express-payment-hider)

Hope this can help!

Regards,

Axel Kee

Spent too much support time dealing with order cancellation request from customer? Wouldn't it be good if customer can cancel order on their own without bugging your support? Try out Cancellable app! https://apps.shopify.com/cancellable . I also write articles about store customization that can improve your customer shopping experience here : Yagi Software Blog

StoreWatchers
Trailblazer
205 30 36

This is an accepted solution.

Hi, @Nourdahhan 

Greetings from the Store Watchers Support Team! Happy to help you today.

 

1. Go to online store > theme > edit code > assets > theme.css(file) and Paste the below code at the bottom of the file -> Save

#main-cart-footer .additional-checkout-buttons{
    display: none !important;
}

 

After applying the above CSS code , it will show like the following screenshot:

Screenshot_46.png

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
Nourdahhan
Excursionist
12 0 2

Thank you to help me but i don not have this file theme.css(file) 😞

StoreWatchers
Trailblazer
205 30 36

This is an accepted solution.

Hi, @Nourdahhan 

 

1. Go to online store > theme > edit code > assets > base.css(file) and Paste the below code at the bottom of the file -> Save

 

#main-cart-footer .additional-checkout-buttons{
    display: none !important;
}
Copy

 

After applying the above CSS code , it will show like the following screenshot:

StoreWatchers_0-1686670118240.png

 

 

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
Nourdahhan
Excursionist
12 0 2

Many thanks to you and to your time

it worked in cart page great

but in checkout page not working 

Thanks 😘

 

StoreWatchers
Trailblazer
205 30 36

Hi, @Nourdahhan 

 

1. Go to online store > theme > edit code > assets > base.css(file) and Paste the below code at the bottom of the file -> Save

 

#express-checkout-wallets-wrapper{
    display: none !important;
}

After applying the above CSS code , it will show like the following screenshot:

Screenshot_50.png

Let me know If need further assistance

 

Regards,

Store Watchers Support Team

StoreWatchers - Automate testing for your Shopify store in seconds


If you find my reply helpful, please hit Like and Mark as Solution
Visit us: App Store | Website | FAQs
Nourdahhan
Excursionist
12 0 2

i do not know how to thank you for your help but it is not working @:(

Mickael2
Tourist
13 0 1
Hello,

did you find a solution for the problem?
windflower
Visitor
3 0 0

Hi Store Watchers,

What if I don't have either of these? My css file is styles.css.liquid. Thanks!

Susan

APFOH
Tourist
14 0 2

Thank you so much for this code, it worked great on the Cart page! I've been looking for this all day, so THANK YOU!

Would you be able to help me remove these buttons from the Product Pages and possibly the Check-Out page as well? The proposed solution for the Check-Out page doesn't work unfortunately. I'm using the Studio Theme.

PayPal_Product Page.png

I only want to keep the Add to Cart button...The rest makes no sense whatsoever, especially that the "More payment options" link goes directly to check out.

 

Your help would be a lifesaver, I'm not even kidding 😫

Thank you so much in advance!

APFOH
Tourist
14 0 2

Hi there,

 

Do you know why this code works in the Cart on an iMac but not on an iPhone? I can still see all buttons on my phone 😞 Can you please advise? Thank you so much in advance!

 

Zsoka