如何仅隐藏加购按钮,保留SKU变体选项

在 WooCommerce 中隐藏“Add to Cart”按钮但保留变体 SKU,可以通过下面方法实现:

视频教程

登录到WordPress后台,进入外观——主题文件编辑器——子主题——functions.php.

然后将下面代码粘贴到里面,然后保存。

add_action( 'woocommerce_before_single_product', 'hide_add_to_cart_button_all_products', 5 );
function hide_add_to_cart_button_all_products() {
    global $product;
    error_log('Hook executed for product: ' . $product->get_name()); // 记录日志
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
    if ( $product->is_type( 'variable' ) ) {
        remove_action( 'woocommerce_single_variation', 'woocommerce_single_variation_add_to_cart_button', 20 );
    }
}
如何仅隐藏加购按钮,保留SKU变体选项 1

这样产品详情页就没有加购按钮了。

如何仅隐藏加购按钮,保留SKU变体选项 2

这个时候如果有些单品还是有加购按钮的话,将下面内容添加到自定义——额外CSS。

.add-to-cart-button,
.single_add_to_cart_button,
.quantity,
.qty {
display: none !important;
}
如何仅隐藏加购按钮,保留SKU变体选项 3

这样网站的价格和加购按钮就都被隐藏了。

© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。

白小菌
白小菌

嗨,我是白小菌,一个热爱学习并分享的博主。喜欢把复杂内容拆解成简单易懂的步骤,与大家一起学习成长。 在这里,你会看到我分享的外贸,跨境电商,Wordpress建站,SEO、有用的工具技巧等。 如果你有任何疑问或想法,可以在博客任意文章下方留言。如果有更复杂的需求,也可以选择付费咨询,我会尽我所能帮你解决问题。

文章: 454

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注