Remove add to cart button and not the attribute swatches.

Id like the Catalog mode to remove the “Add to Cart” button and not the attribute swatches. Catalog mode also removes the attribute swatches. I do not want the attribute swatches to be removed. Can you help or provide CSS code? Thanks.

I was notified to post here for a specialist to create a CSS solution.

Hi,

The problem is that add to cart button and attributes swatches are part of the one and the same function (template file) in WooCommerce and they can’t be divided. If you want, you can disable Catalog mode option and hide add to cart button with CSS code. Create a topic on our support forum and our technical specialists will help you with a CSS code.

Regards

Hello,

In order to hide “Add to cart” button please add the code to Theme Settings > Custom CSS:

.single-product-content .cart {
    display: none;
}

This code will hide the “Add to cart” button on the shop page and product grid

.basel-hover-alt .btn-add>a:hover, .basel-hover-alt .btn-add>a:focus {
    color: #333333;
    display: none;
}

Best Regards

The CSS code does not work as stated. The Add to Cart buttons remains the same on the page.

Variation link: https://www.homelandtt.com/shop/home-decor/clocks/round-wall-clock-black-with-transparent-background/

Single product link: https://www.homelandtt.com/shop/kitchen-dining/yellow-cereal-bowl/

Attachments:

You must be logged in to view attached files.

You missed a dot . before the code and it is not full https://gyazo.com/6637d2067859df15b2303c6afee8f800

[Author]

Posts