Hiding "Add to Cart" button in Craft theme using CSS

Shopify Discussion

Topic summary

A user needed to hide the default “Add to Cart” button on their Craft theme product pages while preserving a “Buy Buttons” block from a separate app. They were using multiple custom apps: one for bulk quantity ordering (which includes its own add-to-cart functionality) and another linked to Shopify’s Buy Buttons block.

Solution provided:

  • Add CSS code to hide the standard button via Theme Settings > Customize > Custom CSS
  • Specific code: .product-form__submit { display: none !important; }

Status: Resolved. The user confirmed the solution worked successfully.

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

Hi there,

I am using some custom apps in my promotional clothing site. One of these (app 1) is a bulk quantity app that includes an “Add to Cart” button. Another app I use (app 2) is linked to the “Buy Buttons” Block in Shopify.

My problem is that I need to hide the physical “Add to Cart” button without hiding the “Buy Buttons” block.

I’ll link to my site below;

https://1tdbwm-j9.myshopify.com/products/stanley-stella-cheap-tee-1

I would hugely appreciate anyone that could write me some code to achieve this. I’m using the Craft theme.

Thanks a mil

Untitled-1.png
Untitled-1.png684×857 117 KB

2

Hi @AlexMcGann

You can add this code to Custom CSS in Sale Channels > Online Store > Themes > Customize > Theme Settings.

.product-form__submit { display: none !important; }
3

Thanks so much Dan!!

1 Like
4

Very welcome!