刪除 Woocommerce 產品鏈接和單個產品頁面

Question

我正在使用 Elementor 創建一個 woocommerce 商店（Astra 主題）。 現在我有一些產品，但是當您單擊這些產品時，您會 go 進入該特定產品的單一產品頁面。 我想從產品中刪除鏈接並且不想 go 到單個產品頁面。

我嘗試過的是：使用 class “項目”創建一個部分（所有產品都在這個部分中）。 在該 class 中，我添加了此 CSS 以隱藏 woocommerce 產品的 A 標簽，但它不起作用。

.items .woocommerce-loop-product__title a{
pointer-events: none !important; 
cursor: default !important; }

Answer 1

使用 CSS

CSS 規則的使用不能通用，但會根據使用的主題而有所不同。

這樣，您僅禁用標題鏈接，而不禁用圖像上的鏈接（產品框中有更多鏈接） 。

我使用店面主題。

試試這個來刪除除“添加到購物車”按鈕之外的產品頁面鏈接：

body.archive .woocommerce-loop-product__link {
    pointer-events: none; 
    cursor: default;
}

試試這個來刪除整個產品框的鏈接（也到添加到購物車按鈕） ：

body.archive ul.products li {
    pointer-events: none; 
    cursor: default;
}

該代碼已經過測試並且可以工作。 將其添加到活動主題的樣式表中。

使用 PHP

循環產品永久鏈接是通過woocommerce_template_loop_product_link_open的 woocommerce_template_loop_product_link_open function 創建的。

在/woocommerce/includes/wc-template-hooks.php ，您可以找到掛鈎：

add_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_product_link_close', 5 );

因此，要刪除產品頁面鏈接，您可以使用以下命令：

remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_product_link_close', 5 );

將這兩行添加到活動主題的函數中。php。

如果這對您也不起作用，那么您使用的主題很可能會覆蓋鏈接創建 function。 在這種情況下，您應該檢查主題的模板文件或直接聯系支持人員。

其他有用的答案：

• 刪除Woocommerce產品鏈接
• 如何從 woocommerce 商店頁面中刪除指向產品頁面的鏈接
• 從 Woocommerce 產品頁面中刪除指向單個頁面的鏈接
• WooCommerce：禁用鏈接到單個產品@ Shop