Shopify themes, liquid, logos, and UX
Hello
can someone help me i have a brooklyn theme i want to remove PayPal express checkout button from Checkout page and from product page and keep it in last checkout page
here thank you 🙂
Hey Morad,
You'll have to modify the theme's liquid files. Are you familiar with that?
Regards
yeah im a dev but shopify hide checkout.liquid so i was not able to fix the problem i dont want to pay anything for something like this , should be an option from shopify
Hi,
Follow this:
1. Go to Online Store->Theme->Edit code
2. Sections->cart-template.liquid OR template->cart.liquid -> find bellow and hide or remove this whole condition.
{% if additional_checkout_buttons %}
Let me know if you need help.
already did it no solution 😞
NO SOLUTION ON THE POST THAT YOU GIVE ME ALREADY SAW IT
THANK YOU
Did you find a way? If not just reply and I tell you how to do it.
not yet bro help me please
You really need to follow this process 100 % exact. If it doesn't work after this step by step Guide you need to get it done by an expert.
Steps (Hide buttons from checkout Stage 1):
Note: In order for this customization to work, the buttons need to exist somewhere within the theme
On some themes, the buttons will already exist within the cart-template.liquid file, which would look like this:
If the code already exists, the Express Checkout should not display on the first stage of the Checkout
If the code doesn't exist, you can follow this helpdoc to add the code to the cart page.
Steps (Stage 2)
Once the above code has been added to the cart-template.liquid file...
Add the following code at the bottom of the theme.scss.liquid file to hide the Express Checkout buttons (or PayPal only)
Some themes will have a different class name. Check the cart-template.liquid file for additional_checkout_buttons in the file
TO REMOVE PAYPAL BUTTON modify the code to this:
DONE!
thank you iji thank you for the effort that was perfect but unfortunately didnt work for me 1st i dont have cart-template.liquid i found it in cart.liquid and i did what you say but no result
i have the brooklyn theme 😕 i mean broken theme hh
Hello Family,
I have the same problem.
Actually, the paypal express checkout is not shoing in my cart, but in the first page of the checkout.
How can i remove it ?
Help needed please. And i can't paye a plugin, i'm a beginner.
Thank you 🙂
Thank you.
Is this solution going to make the button disapear from both the checkout and the cart ? or disapear from the checkout and aprear in the cart ?
I acctually need it to disapear from both.
Thank you.
Hello,
It actually works for both cart and checkout page.
Thank you guys !!
Hi
I also have the same problem and am using Brooklyn theme.
I just can't remove this from the first page of the checkout. Have followed all the instructions that you listed and have removed the additional cart code in liquid.cart.
but still here. would love to remove this express checkout banner.
thankyou
I tried the above edits but it doesn't work for checkout page.
Same problem for me... It isn't possible to remove the button from the cart page.. Express paypal will always be present.
Can i have some help?
I did figure out the issue with the store I was working on. For the solution to work, you must have additional_checkout_buttons in the cart template. When you have this block of code in the cart template (or section), you can use css to hide it and it will also not be on checkout page. If the block doesn't exist on the cart page, the buttons will show on the checkout page.
See this tutorial for the full instruction
https://shopify.dev/tutorials/customize-theme-add-more-checkout-buttons-to-cart-page
{% if additional_checkout_buttons %}
<div class="additional-checkout-buttons">
{{ content_for_additional_checkout_buttons }}
</div>
{% endif %}
Sorry if I wasn't clear.
@ilja and @Jasoliya provide the correct solutions. For the solutions to work, you must first follow the shopify tutorial on adding the buttons exactly how it was shown in the tutorial, then you can follow this step by step guide to hide the buttons on cart page: https://community.shopify.com/c/Shopify-Design/How-to-remove-PayPal-express-checkout-button-from-Che....
If the code does not exist on the cart page, the buttons will show up in checkout. This is mentioned in shopify tutorial here: https://shopify.dev/tutorials/customize-theme-add-more-checkout-buttons-to-cart-page#show-checkout-b...
If you want the additional checkout buttons to show up on the checkout page, then you'll have to remove the buttons from your cart page.
I hope this clear things up.
What if the code I see in the cart.liquid file is similar but not the same?
{% if additional_checkout_buttons and settings.cart_additional_buttons %}
<div class="additional-checkout-buttons">{{ content_for_additional_checkout_buttons }}</div>
{% endif %}
I have tried adding the following code to the theme.css.liquid with no success
.additional-checkout-button--paypal{
display: none !important;
}
Ilja's solution is only working for Chrome "normal mode" in my case unfortunately, but not in chrome incognito mode, and not with firefox.
I have no clue why again I see this damned Paypal express checkout button.
The class of the checkout buttons in the cart is "cart__additional_checkout". So I hid it with css. I checked my cart page with "inspect" on firefox, the div is there but hidden, as intended.
.cart__additional_checkout{
display: none !important;
}
Like many others, I tried the code exactly and it does not work for us. I tried many many other hacks, too, to no avail.
Also tried in Customize Theme Settings, Global Settings, unchecking "Show dynamic checkout button," but no good.
This year we upgraded our theme. I wonder if this hack is working for those on older themes. But it does seem now that Shopify overly restricts the checkout page. They should allow the following for checkout page:
- easily changing font to be brand consistent with font on rest of site
- make express checkout buttons much smaller
- change sizes of contact information fields (On laptop/desktop, there is no need for address line 1 and address line 2, which is optional for apt/suite #s, to take up two separate lines. Same for city: it should be on the same line as State and Zip.) By reducing the vertical height of these forms, we will have less abandoned checkout. Right now the checkout seems overwhelming with too much area for things that need filling in.
Thank you!!
Shopify promised to get it done by December 2020. Is anyone aware of removal "Paypal Express" from checkout contact information ?
Guys i just want to advice you with an app that finally solve this for me
it is hideout app , i am not advertising it just as i tried many many solutions that not working especially the button that is in checkout page
and finally solve it
@UNESS Thank you so much for sharing this, Hideout solved the problem for me as well, for mobile and desktop!!
I still haven’t found the solution. Anyone using Dawn theme is able to remove the bloody Paypal button? Pls share ideas for solution.
Me time with Shopify is now over, they actually do not care anymore !!! Typical Coporate GREED
Let me know if you will find better Ecommerce platform. Shopify is no longer pay attention to costumers needs.
User | RANK |
---|---|
142 | |
101 | |
79 | |
62 | |
61 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023