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 🙂
You need to follow ilja's solution.
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.
It will remove from both may be.
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
Send your store url
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.
Better Ecommerce is Square Space.. I moved to Shopify only because I need 3 languages, and when I 1st moved to Shopify I wanted to CRY.. ITS SOoooooooo bad... just give trial will Square Space!!!!
Good Luck..
As soon as Square Space has this option of more than one language Im SO OUT of here........
Hi,
I am using Startup theme. I could not found {{ 'cart.general.checkout' | t }}, there is {{ 'cart.general.submit' | t }}. see below image.
I have added CSS in my theme.css.liquid file to hide, but this is not working.
Please help.
Thank you.
Hi I am also using the Brooklyn theme and would like to remove the Paypal express checkout button ONLY from the Product page.
And keep it in the checkout.
Too bad it's not possible to remove quickly like in on other themes.. But anyway how can I do it manually ?
I had a huge problem in my shop. I just found out why. It was the HideOut App to hide the Paypal Express checkout button. Everyone who installed HideOut App should check if you have the same problem. Run Mozilla Firefox in incognito mode. Put sth in your cart and try to reach checkout. In my case, the cart was emptied with the click on "Check Out" button. I lost many costumers like this, as this also happens with certain versions of Safari and chrome!! I just solved it with a friend who is App developer, he checked the script that is loaded with HideOut, and said it's very dangerous what is written there. You should never do it like this, as a text is transferred in a script. Very endangered for hacking methods....
If you want to remove it, first disable to Hide the Checkout button for cart and checkout, AFTER this disable the app, AFTER this uninstall, AFTER this remove the line of code in theme.liquid with "var hpp =" ...
Remove the app as I wrote in my last post. My friend checked the script that is executed. If you do as I mentioned, the script of the app is not started anymore. I told him to develop sth to hide the button, think he's too busy with his apps already 🙂
Good afternoon, I need help please. I don't have theme.scss.liquid, another fragment called style.scss.liquid appears. Please me.
Seriously why hasn't this been solved by Shopify yet? I mean I know why: they are getting paid by paypal, shop pay and google pay to have those buttons there. But thats not the point. Its costing us as ecommerce website owners customers. Its a classic case of let's increase our own revenues at the expense of the customer.
Listnen shopify: you are a platform that facilitates sales. Rule number 1 in sales: make it as easy as possible for your customer to pay! No matter how persuasive you are, how convincing you are, how well you understand your customers needs, how good you are at solving them. If you cannot close the deal, it's all for nothing. And closing the deal starts with getting your customer to finish the transaction.
Well Shopify misrably failed at that part.
Seriously in the Netherlands for example; nobody uses paypal, or shop pay or google pay. The payment provider Ideal holds 90% of the market here. But yet you insist on these stupid express checkout buttons.
Finally I managed to solve this problem by going into my shopify settings > payments > payment providers > manage. In this menu I disabled shop pay, paypal, apple pay and google pay. This solved the problem for me and the express checkout buttons are now no longer visible on the information page of the checkout process. However, they are also no longer available as payment options on the final screen of the checkout process.
This is really an unnecessary workaround, and shopify should simply make an option to disbale these express checkout buttons without losing these payment options at the final checkout screen.
I hate SHOPIFY, I only have coz I need to have more than one language, everyone should move to Square Space 1000 Million times better......
Hey Ilja,
thanks for your effort but it is not working on my side. Do you have another idea?
After searching for so long I figured it out. I used this video as a guide and it worked. It's a massive help!
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024