How to hide the "shop" button

Store Design
,

Topic summary

A store owner needed to force customers to visit the cart page to fill out custom order fields, rather than checking out directly from the mini cart.

Problem:

  • Custom fields were added to the cart page for required customer information
  • The “Shop” (checkout) button in the mini cart allowed customers to bypass the cart page
  • Needed to remove this button from both mobile and desktop views

Solution provided:
A CSS code snippet was shared to hide the checkout button from the mini cart:

  • Add the code to theme.css or base.css file
  • Uses display: none !important to hide the primary button in the cart notification

Outcome:
The solution was successfully implemented and confirmed working by the original poster.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

I need my customers to add some custom information to their order. Therefor I created some custom fields to the cart page, which are added to each order.

Now I need every customer to visit the cart page, instead of pay directly. How can I remove the payment button from the mini cart (mobile and desktop)? Green button below. Or is there another solution for my problem?

Thanks!

Screenshot 2025-01-10 at 14.09.18.png
Screenshot 2025-01-10 at 14.09.18.png726×372 96.7 KB

2

Hi @Valee , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

3

Hi @Valee

Could you please share the store link with us so we can investigate it further?

Best,
Daisy - Avada Support Team.

4

https://71c37e-65.myshopify.com/

sierbestrating

5

https://71c37e-65.myshopify.com/

sierbestrating

6

Hi @Valee

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.cart-notification.active .cart-notification__links button.button.button--primary.button--full-width {
    display: none !important;
}

Result:

websensepro_0-1736850194085.png
websensepro_0-1736850194085.png551×474 71.3 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

1 Like
7

Thank you so much! It works!