How do I hide the check out button in the cart slide out?

Hi

How do I hide the check out button on the cart slide out?

I only want customers to be able to check out trough going to the cart page.

1 Like

Hello @amouseytale
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

.qsc2-btn.qsc2-checkout-button {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

  • Here is the solution for you @amouseytale
  • Please follow these steps:

  • Then find the theme.liqid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.

  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

@amouseytale Please follow below steps to hide checkout button in cart drawer. Let me know whether it is helpful for you.

  1. From admin go to “Online Store” → “Themes”.
  2. Click “Customize” button from the current theme.
  3. Click “Theme settings”.
  4. Then scroll down and paste the below code in the “Custom CSS” field and save changes.
.qsc2-drawer-footer__summary button.qsc2-checkout-button {
    display: none;
}

Result will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.