Docs

[ryaneford]

Hello,

I am trying to figure out how I can remove the “Add to Cart” and “Select Options” buttons on products.

For this site, I will be using the shortcodes to create the store page instead of relying on product categories and wanted to keep the customer from interacting with the core of the woocommerce site (only when checking out and quick view)

Is there a way to remove these buttons? (see image for example below)

Thanks!

[Lely]

Hi There,

Please try adding this CSS on Appearance > Customize > Custom > Edit Global CSS:

.woocommerce li.product .entry-header .button {
    display: none !important;
}

If this doesn’t work, please do share your site URL so we can be more specific on our suggestion.

Hope this helps.

[ryaneford]

Hi there. The CSS worked though it seemed to have killed the Quick View lightbox I have installed.

Please refer to this link to see what i mean.

http://littleaproncompany.com/home/shop/

[Rue Nel]

Hello Again,

To make sure that the css will not affect any other element, please update the given css and use this instead:

.woocommerce li.product .entry-header .product_type_simple,
.woocommerce li.product .entry-header .product_type_variable {
    display: none !important;
}

Please let me know if using this code will not affect the Quick View button. Thanks.

[ryaneford]

Shoot, didn’t seem to make a difference. 🙁

[Rupok]

Hi there,

This code doesn’t have anything to do with the lightbox and I don’t think it’s related. You can take off the code and check again to make sure.

However I can see some JS errors regarding a plugin (agreeable) that’s causing the issue – http://prntscr.com/bncxlp

Thanks!

[ryaneford]

That was it! Thanks for solving that issue!

[Rad]

You’re welcome!

[Author]

Posts