I want to hide checkout buttom if cart.total_price is under $2000. I could do it with a liquid conditional in cart-template.liquid, so when user goes to his cart and its total is under $2000, checkout button is hidded. My problem is that I know that in this solution a page refresh is needed. I want …

Hi @flaquitqm , You have to edit cart.js find the below line fetch(`${routes.cart_change_url}`, { ...fetchConfig(), ...{ body } }) and write your condition in its success state. Hope it helps…

How can I conditionally hide the checkout button without page refresh?

Technical Q&A

juansmartdev January 12, 2023, 6:45pm 2

Hi, @flaquitqm .

You could achieve that using the AJAX Api for the cart.
https://shopify.dev/api/ajax/reference/cart

Topic		Replies	Views
Hide checkout button on cart page with price condition Shopify Discussion discounts , marketing-campaigns-sales , billing-plans , troubleshooting , shop-performance	10	81	May 15, 2024
How to Hide Alternate Payment Methods/Checkout Buttons on Cart Page? Store Design design , customizations , cart-page	5	254	December 26, 2024
Hide checkout button on cart quantity with condition Shopify Discussion troubleshooting	1	21	June 1, 2024
Temporarily hide product price in cart and disable checkout button. Technical Q&A javascript , css , html , shopify-theme	1	29	August 1, 2024
How to hide "continue shopping" button in cart Store Design design , customizations , cart-page	6	57	November 27, 2022

How can I conditionally hide the checkout button without page refresh?

Related topics