如何从Woocommerce中的产品缩略图中删除超链接？(How do I remove the hyperlink from the products thumbnail in Woocommerc

如何从Woocommerce中的产品缩略图中删除超链接？(How do I remove the hyperlink from the products thumbnail in Woocommerce?)

我在wordpress网站的主页上有一个div中最畅销的四大产品。 我不希望它们是可点击的，我只是希望它们被显示。 我已设法通过实施删除“添加到购物车”按钮

#trending .add_to_cart_button, #trending span.price { display: none; }

但缩略图和标题标题仍然是超链接。 我四处搜寻并尝试过一些东西，但似乎都没有。 有人能帮忙吗？ 所有建议都非常感谢。 先谢谢你！

<div id="popular"> <p class="trending-title">Popular Products</p> <?php echo do_shortcode('[best_selling_products per_page="4"]'); ?> </div>

I have the top 4 best selling products within a div on the home page of my wordpress site. I don't want them the be clickable, I just want them to be displayed. I've managed to remove the 'Add to Cart' button by implementing

#trending .add_to_cart_button, #trending span.price { display: none; }

But the thumbnails and their title headings still remain as hyperlinks. I've searched around & tried a few things, none of which seem to have worked. Can anyone help with this? All suggestions are very much appreciated. Thank you in advance!

<div id="popular"> <p class="trending-title">Popular Products</p> <?php echo do_shortcode('[best_selling_products per_page="4"]'); ?> </div>

最满意答案

终于找到了解决方案......

#popular .woocommerce ul.products li.product { pointer-events: none; }

诀窍。

Finally found a solution...

#popular .woocommerce ul.products li.product { pointer-events: none; }

Does the trick.