How to remove "Read More" buttons on WooCommerce Shop Page

[LaurenceJT]

Hello,

We would like to know if it is possible to remove the “Read more” buttons on out of stock products

Note that we have found a solution to remove the “Add to cart” and “Choose options” buttons on variable products using CSS.

Unfortunately we did not find for “Read more”. We have also searched the forum but without success.

Thank you for your answers!

[marc_a]

Hey Laurence,

Thanks for reaching out!

I check your shop page but I couldn’t find the read more button you are referring to. That being said, would you mind sharing more information on how we can replicate it?

Thank you.

[LaurenceJT]

Hello,

In fact, we are a Quebec company so our site is in French. The “Read more” button corresponds to the “Lire la suite” button.
If you check out the first product in our store, it is “Abricotier ‘Tilton’”.
On this product you have the button “Lire la suite” since it is out of stock.
It is this button that we want to remove.

Here is the URL of our website : paysagegourmand.quebec

Here is a screenshot to help you.

Thank you for your answers!

[tristup]

Hi Laurence,

The Read More button shows on the Product if that is Out of Stock. You can hide that by adding the following custom CSS code into the Theme Options > CSS.

.outofstock a.button
{
    display:none;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Thanks

[LaurenceJT]

Thank you for your reply.

The code didn’t work for us, but this one does work:

.outofstock .button
{
display: none !important;
}

We thank you for your help.

[marc_a]

Hey Laurence,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.