如何仅隐藏加购按钮,保留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 );
}
}

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

这个时候如果有些单品还是有加购按钮的话,将下面内容添加到自定义——额外CSS。
.add-to-cart-button,
.single_add_to_cart_button,
.quantity,
.qty {
display: none !important;
}

这样网站的价格和加购按钮就都被隐藏了。
© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。













