如何從Woocommerce中的產品縮略圖中刪除超鏈接？

Question

我在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> 

Answer 1

終於找到了解決辦法...

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

的伎倆。