woocommerce - 如何在可变产品页面上隐藏 div (woocommerce)

Question

我一直在寻找这个 5 或 6 天，但似乎没有任何工作......

我正在尝试使用下面的代码仅在 woocommerce 变量产品上隐藏 div "" ......但我似乎无法让它工作。

add_action( 'show_hide_product_variable_price', 8 );
function show_hide_product_variable_price() {
    global $product;

    if( $product->has_child() ) {
        ?>
        <style>
            .summary-price-box {
                display: none;
            }
        </style>
        <?php
    }
}

我也尝试在上面的代码中使用这一行，但仍然没有......

if( $product->is_type('variable') ) {

Answer 1

所以我今天早些时候实际上解决了这个问题。

您可以使用这样的 CSS 来实现这一点：

.product-type-variable .summary-price-box {
    display: none !important;
}

或者您可以使用 Javascript 来实现这一点，如下所示：

add_filter('woocommerce_get_price_html', 'lw_hide_variation_price', 10, 2);
function lw_hide_variation_price( $v_price, $v_product ) {
$v_product_types = array( 'variable');
if ( in_array ( $v_product->product_type, $v_product_types ) && !(is_shop()) ) {
return '';
}
// return regular price
return $v_price;
}

隐藏完整的“summary-price-box”的css和javascript将只隐藏“价格范围”或“来自：$X.XX”