Edit Add to Cart button

Hi @allgoodnamesaretaken!

You can find all the available snippets of WooCommerce for you to use here:
https://woocommerce.com/documentation/woocommerce-codex/snippets/

Since hiding the add to cart button isn’t a core feature of WooCommerce, you can achieve it through a plugin or custom coding.

Searching, I found a plugin that could be useful to your case:
https://woocommerce.com/products/hide-price-add-to-cart-button/

Also found an article that seems to have the code you need:
https://wisdmlabs.com/blog/the-right-way-to-hide-add-to-cart-button-in-woocommerce/

Kindly notice that since custom coding is outside our scope of support, for additional assistance on this topic, we recommend getting in touch with one of the customization experts listed on the WooCommerce Customizations Page.

Also, if you are into coding, you can visit the WooCommerce Facebook group or the #developers channel of the WooCommerce Community Slack, you could find help from the community of open-source developers for WooCommerce that hangs in there.

Cheers!

Hi. Thanks for your reply!

I want the “add to cart” button to be hidden on a particular product page, but still show up everywhere else. This is the CSS rule:
.button.single_add_to_cart_button.button.alt {
display: none
}
and here is the product ID: 673

The issue is that I don’t know where to input the product ID or category ID in the CSS rule, so that it does not show up`

@allgoodnamesaretaken

Kindly see this guide for pointers

Hi there,

We haven’t heard back from you in a while, so I’m marking this thread as resolved.

Hopefully, the provided information was helpful, and you solved the issue. If you have any further questions, we recommend creating a new one.

Cheers!