删除 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