删除缺货商品的阅读更多按钮

Question

我一直在努力从我的网站上删除“阅读更多”或“beri dalje”按钮。有问题的网站是www.fotroviciliji.si。

我可以找到它并将其隐藏在 chrome 调查器中，但不能通过全局 css 或在 functions.php 中使用 php。

按钮有一个类名 btn border-grey product_type_simple。我试图通过全局 css 代码隐藏它。不显示什么都不做，隐藏的可见性隐藏所有按钮，包括我想保留的添加到购物车。

然后我尝试使用来自 woocommerce 的 php sn-p 隐藏它：https://docs.woocommerce.com/document/hide-loop-read-more-buttons-for-out-of-stock-items/ 它实际上隐藏了所有正确的按钮，但搞砸了添加到购物车功能，然后每次我向购物车添加东西时都会重新加载整个页面。我在functions.php中添加了一些不相关的代码。

我也试过这个Remove product button if out of stock from Woocommerce shop and archives，它删除了所有按钮，包括添加到购物车。

请帮助我已经在这几天了，这让我发疯。

Answer 1

add this CSS

.outofstock a.btn {
    display: none !important;
}

此 CSS 仅删除了更多缺货产品。