Remove 'add to cart' leave 'buy now' from dynamic cart block

Store Design
1

I’m sure there are other themes using this block. Others are asking different questions or it is such an old question the answer isn’t there. I need to know what code is being used to leave the ‘buy now’ and remove the ‘add to cart’ for the whole site. The client doesn’t sell the type of product that it needs a cart.

2

Hey @BKNDesigns

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hello @BKNDesigns ,

I hope you are well!

1.) Product details page: If your theme supports block, you can delete the buy button by going to Online store >> Themes >> Customize >> Go to product menue and click on delete next to buy button

image
image1919×856 215 KB

2.) Collection page: Go to open snippets/card-product.liquid (and sometimes snippets/quick-add.liquid).

  • Remove the quick-add form/button blocks that post to /cart/add.

  • If you prefer to hide rather than delete, wrap in {% comment %}...{% endcomment %}.

If your theme uses a “Quick add” setting, turn it off in the Customizer for:

  • Collection grid

  • Featured collection

  • Related products

  • Any product card components

3.) Header cart page icon: Header file is typically sections/header.liquid (sometimes a snippet).
Find the cart icon/link (/cart), remove it or wrap with:

This will hide the cart button from the store. If you have any query or need any help, feel free to message me.

4

Thanks, I am working on a clients store that chose a to use shopify and the theme grove. I have messaged the theme creator however they only check in at 8 am pst and I am only in the clients office in the late afternoon/evenings. I need to be able to work on it remotely so I am going to email them directly. I was just hoping somebody had knew the work around in shopify themes dealing with these things. I haven’t designed with shopify before.

5

Totally understandable and if you’re not able to share the URL in public for privacy reasons then feel free to share it in my private messages and I would be happy to guide you step by step.

Best,
Moeed

6

You may try this code in “Theme Settings”=> “Custom CSS”

.main-product_atc-btn,
.quick-view_atc-btn {
  display: none !important;
}

Will produce this:

Screenshot 2025-08-27 at 12.44.26 PM
Screenshot 2025-08-27 at 12.44.26 PM390×307 11.8 KB

7

Hi @BKNDesigns , I’ve imported the Grove theme to provide you with the exact CSS you need. You can fix it with the following two steps:
Step 1: Click on Customize (screenshot)
Step 2: Add the following CSS code:

.main-product_submit-from .main-product_atc-form .main-product_atc-btn {
  display: none !important;
}

to the Custom CSS section (screenshot), then save and check the result (screenshot).

Let me know if this works for you or if you need further assistance!

Best,
Felix